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

stack bottom sheet

"use client";

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

// src/compounds/BottomSheetCloseButton.tsx
import { NavigationClose } from "@teamsparta/stack-icons";
import { vars } from "@teamsparta/stack-tokens";
import {
  forwardRef
} from "react";
import { Drawer } from "vaul";
import { jsx } from "@emotion/react/jsx-runtime";
var BottomSheetCloseButton = forwardRef((_a, ref) => {
  var _b = _a, { asChild = true } = _b, restProps = __objRest(_b, ["asChild"]);
  return /* @__PURE__ */ jsx(Drawer.Close, __spreadProps(__spreadValues({ ref, asChild }, restProps), { children: /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "\uB2EB\uAE30", css: closeButtonCss, children: /* @__PURE__ */ jsx(NavigationClose, { size: 16, color: vars.icon.quaternary }) }) }));
});
BottomSheetCloseButton.displayName = "BottomSheetCloseButton";

export {
  BottomSheetCloseButton
};