@cerberus-design/react/dist/components/dialog/close-icon-trigger.js

The Cerberus Design React component library.

'use client';
import { jsx } from 'react/jsx-runtime';
import { useCerberusContext } from '../../context/cerberus.js';
import { DialogCloseTrigger } from './primitives.js';
import { dialog } from 'styled-system/recipes';
import { cx } from 'styled-system/css';
import { IconButton } from '../icon-button/button.js';

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 };