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

stack bottom sheet

"use client";

import {
  ScrollArea
} from "./chunk-NPFQ6SST.mjs";
import {
  bodyCss,
  bottomSheetBodyPaddingVar,
  fogCss
} from "./chunk-ALWYKHLT.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/BottomSheetBody.tsx
import { forwardRef } from "react";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
var BottomSheetBody = forwardRef(
  (_a, ref) => {
    var _b = _a, {
      children,
      padding = "0 20px 20px 20px",
      style: styleFromProps
    } = _b, restProps = __objRest(_b, [
      "children",
      "padding",
      "style"
    ]);
    const style = __spreadValues({
      [bottomSheetBodyPaddingVar]: padding
    }, styleFromProps);
    return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ ref, style, css: bodyCss }, restProps), { children: [
      children,
      /* @__PURE__ */ jsx("div", { "aria-hidden": "true", css: fogCss })
    ] })) });
  }
);
BottomSheetBody.displayName = "BottomSheetBody";

export {
  BottomSheetBody
};