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

The Cerberus Design React component library.

'use client';
'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const cerberus = require('../../context/cerberus.cjs');
const primitives = require('./primitives.cjs');
const recipes = require('styled-system/recipes');
const css = require('styled-system/css');
const button = require('../icon-button/button.cjs');

function DialogCloseIconTrigger(props) {
  const styles = recipes.dialog();
  const { icons } = cerberus.useCerberusContext();
  const { close: CloseIcon } = icons;
  return /* @__PURE__ */ jsxRuntime.jsx(
    primitives.DialogCloseTrigger,
    {
      ...props,
      className: css.cx(styles.closeTrigger, props.className),
      asChild: true,
      children: /* @__PURE__ */ jsxRuntime.jsx(
        button.IconButton,
        {
          ariaLabel: "Close dialog",
          palette: "action",
          size: "lg",
          usage: "ghost",
          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
        }
      )
    }
  );
}

exports.DialogCloseIconTrigger = DialogCloseIconTrigger;