@teamsparta/stack-bottom-sheet/dist/chunk-UR5GCITT.mjs

stack bottom sheet

"use client";

import {
  BottomSheetCloseButton
} from "./chunk-OWT4C3BA.mjs";
import {
  BottomSheetGrabber
} from "./chunk-IROSW7U4.mjs";
import {
  useBottomSheet
} from "./chunk-VI637IBA.mjs";
import {
  headerCss,
  headerDismissibleCss
} from "./chunk-ALWYKHLT.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/BottomSheetHeader.tsx
import { Flex } from "@teamsparta/stack-flex";
import { forwardRef } from "react";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
var BottomSheetHeader = forwardRef((_a, ref) => {
  var _b = _a, { children, direction = "column" } = _b, restProps = __objRest(_b, ["children", "direction"]);
  const { dismissible, hideCloseButton } = useBottomSheet("BottomSheetHeader");
  return /* @__PURE__ */ jsxs(
    Flex,
    __spreadProps(__spreadValues({
      ref,
      as: "header",
      direction,
      css: [headerCss, dismissible && headerDismissibleCss]
    }, restProps), {
      children: [
        children,
        !hideCloseButton && dismissible && /* @__PURE__ */ jsx(BottomSheetCloseButton, {}),
        dismissible && /* @__PURE__ */ jsx(BottomSheetGrabber, {})
      ]
    })
  );
});
BottomSheetHeader.displayName = "BottomSheetHeader";

export {
  BottomSheetHeader
};