@teamsparta/stack-custom-modal/dist/chunk-F7VZQXO3.mjs

stack custom modal

"use client";

import {
  useCustomModal
} from "./chunk-VHPHVMAP.mjs";
import {
  footerCss,
  footerHasScrollCss
} from "./chunk-IEPAP3BO.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/CustomModalFooter.tsx
import { Flex } from "@teamsparta/stack-flex";
import { forwardRef } from "react";
import { jsx } from "@emotion/react/jsx-runtime";
var CustomModalFooter = forwardRef((_a, ref) => {
  var _b = _a, { children, direction = "column" } = _b, restProps = __objRest(_b, ["children", "direction"]);
  const { hasScroll } = useCustomModal("CustomModalFooter");
  return /* @__PURE__ */ jsx(
    Flex,
    __spreadProps(__spreadValues({
      ref,
      as: "footer",
      direction,
      css: [footerCss, hasScroll && footerHasScrollCss]
    }, restProps), {
      children
    })
  );
});
CustomModalFooter.displayName = "CustomModalFooter";

export {
  CustomModalFooter
};