/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
import { cx, getStyles } from "../../../styles/styler.js";
import { Text } from "../../Text.js";
import { Box } from "../../Box.js";
import { jsx, jsxs } from "react/jsx-runtime";
import { DialogHeading } from "@ariakit/react";
//#region src/components/client/BottomSheet/BottomSheetHeader.tsx
function BottomSheetHeader({ children, start, end, variant = "default", className }) {
	const headerVariantClass = getStyles({ bottomsheetVariantHeader: variant });
	const resolvedStart = start ?? /* @__PURE__ */ jsx(Box, { className: "h-10 w-10 opacity-0 pointer-events-none" });
	const resolvedEnd = end ?? /* @__PURE__ */ jsx(Box, { className: "h-10 w-10 opacity-0 pointer-events-none" });
	return /* @__PURE__ */ jsxs(Box, {
		display: "grid",
		className: cx("grid-cols-[40px_1fr_40px]", "items-center", "w-full", "min-h-10", "mt-2", headerVariantClass, className),
		children: [
			/* @__PURE__ */ jsx(Box, {
				display: "flex",
				justifyContent: "flex-start",
				children: resolvedStart
			}),
			/* @__PURE__ */ jsx(DialogHeading, {
				render: /* @__PURE__ */ jsx(Text, {
					as: "p",
					variant: "inherit",
					color: "inherit",
					textAlign: "center",
					className: "m-0 w-full"
				}),
				role: "heading",
				"aria-level": 1,
				children
			}),
			/* @__PURE__ */ jsx(Box, {
				display: "flex",
				justifyContent: "flex-end",
				children: resolvedEnd
			})
		]
	});
}
BottomSheetHeader.displayName = "BottomSheetHeader";
//#endregion
export { BottomSheetHeader };
