UNPKG

@cerberus-design/react

Version:

The Cerberus Design React component library.

42 lines (40 loc) 1 kB
import { DialogCloseTrigger } from "./chunk-IRJITAGE.js"; import { IconButton } from "./chunk-ZFVQQJIQ.js"; import { useCerberusContext } from "./chunk-GITT5645.js"; // src/components/dialog/close-icon-trigger.tsx import { dialog } from "styled-system/recipes"; import { cx } from "styled-system/css"; import { jsx } from "react/jsx-runtime"; function DialogCloseIconTrigger(props) { const styles = dialog(); const { icons } = useCerberusContext(); const { close: CloseIcon } = icons; return /* @__PURE__ */ jsx( DialogCloseTrigger, { ...props, className: cx(styles.closeTrigger, props.className), asChild: true, children: /* @__PURE__ */ jsx( IconButton, { ariaLabel: "Close dialog", palette: "action", size: "lg", usage: "ghost", children: /* @__PURE__ */ jsx(CloseIcon, {}) } ) } ); } export { DialogCloseIconTrigger }; //# sourceMappingURL=chunk-2KVC3OJ3.js.map