@cerberus-design/react
Version:
The Cerberus Design React component library.
42 lines (40 loc) • 1 kB
JavaScript
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