@teamsparta/stack-bottom-sheet/dist/chunk-45QCOQGG.mjs

stack bottom sheet

"use client";

import {
  subTitleCss
} from "./chunk-CJOZ64D5.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/BottomSheetSubTitle.tsx
import { Text } from "@teamsparta/stack-text";
import { vars } from "@teamsparta/stack-tokens";
import { forwardRef } from "react";
import { jsx } from "@emotion/react/jsx-runtime";
var BottomSheetSubTitle = forwardRef(
  (_a, ref) => {
    var _b = _a, { children, font = "bodyB", color = vars.text.tertiary } = _b, restProps = __objRest(_b, ["children", "font", "color"]);
    return /* @__PURE__ */ jsx(
      Text,
      __spreadProps(__spreadValues({
        ref,
        as: "h3",
        font,
        color,
        css: subTitleCss
      }, restProps), {
        children
      })
    );
  }
);
BottomSheetSubTitle.displayName = "BottomSheetSubTitle";

export {
  BottomSheetSubTitle
};