"use client";
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
const require_styles_styler = require('../../../styles/styler.cjs');
const require_components_Box = require('../../Box.cjs');
const require_components_Text = require('../../Text.cjs');
let react_jsx_runtime = require("react/jsx-runtime");

//#region src/components/client/BottomSheet/BottomSheetHeader.tsx
function BottomSheetHeader({ children, start, end, variant = "default", className }) {
	const headerVariantClass = require_styles_styler.getStyles({ bottomsheetVariantHeader: variant });
	const resolvedStart = start ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: "h-10 w-10 opacity-0 pointer-events-none" });
	const resolvedEnd = end ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: "h-10 w-10 opacity-0 pointer-events-none" });
	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
		display: "grid",
		className: require_styles_styler.cx("grid-cols-[40px_1fr_40px]", "items-center", "w-full", "min-h-10", "mt-2", headerVariantClass, className),
		children: [
			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
				display: "flex",
				justifyContent: "flex-start",
				children: resolvedStart
			}),
			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
				variant: "inherit",
				color: "inherit",
				textAlign: "center",
				className: "w-full",
				children
			}),
			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
				display: "flex",
				justifyContent: "flex-end",
				children: resolvedEnd
			})
		]
	});
}
BottomSheetHeader.displayName = "BottomSheetHeader";

//#endregion
exports.BottomSheetHeader = BottomSheetHeader;