"use client";
const require_date_picker_anatomy = require("./date-picker.anatomy.cjs");
const require_create_split_props = require("../../utils/create-split-props.cjs");
const require_factory = require("../factory.cjs");
const require_use_date_picker_context = require("./use-date-picker-context.cjs");
const require_use_date_picker_view_props_context = require("./use-date-picker-view-props-context.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/date-picker/date-picker-view.tsx
var splitViewProps = require_create_split_props.createSplitProps();
var DatePickerView = (0, react.forwardRef)((props, ref) => {
	const [viewProps, localProps] = splitViewProps(props, ["view"]);
	const datePicker = require_use_date_picker_context.useDatePickerContext();
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_date_picker_view_props_context.DatePickerViewPropsProvider, {
		value: viewProps,
		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
			hidden: datePicker.view !== viewProps.view,
			...require_date_picker_anatomy.datePickerAnatomy.build().view.attrs,
			...localProps,
			ref
		})
	});
});
DatePickerView.displayName = "DatePickerView";
//#endregion
exports.DatePickerView = DatePickerView;
