@cerberus-design/react/dist/components/cta-dialog/trigger-item.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 css = require('styled-system/css');
const button = require('../button/button.cjs');
const factory = require('../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/factory.cjs');
const recipes = require('styled-system/recipes');

function TriggerItem(props) {
  const { asChild, children, ...buttonProps } = props;
  if (asChild) {
    return /* @__PURE__ */ jsxRuntime.jsx(
      factory.ark.div,
      {
        className: css.cx(
          recipes.button({
            shape: "rounded",
            usage: "ghost"
          }),
          css.css({
            w: "1/2"
          })
        ),
        asChild: true,
        children
      }
    );
  }
  return /* @__PURE__ */ jsxRuntime.jsx(
    button.Button,
    {
      ...buttonProps,
      className: css.css({
        w: "1/2"
      }),
      shape: "rounded",
      usage: "outlined",
      children
    }
  );
}

exports.TriggerItem = TriggerItem;