@cerberus-design/react/dist/components/notifications/match-icon.js

The Cerberus Design React component library.

'use client';
import { jsx } from 'react/jsx-runtime';
import { ark } from '../../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.js';
import { toast } from 'styled-system/recipes';
import { useCerberusContext } from '../../context/cerberus.js';
import { Spinner } from '../spinner/spinner.js';
import { getEmphasis } from './center.js';

function MatchNotificationIcon(props) {
  const { icons } = useCerberusContext();
  const type = props.type?.split("-")[0] || "info";
  const styles = toast();
  const key = `${type}Notification`;
  const Icon = icons[key] || ToastLoadingIcon;
  return /* @__PURE__ */ jsx(
    ark.div,
    {
      "data-emphasis": getEmphasis(props.type),
      className: styles.icon,
      children: /* @__PURE__ */ jsx(Icon, {})
    }
  );
}
function ToastLoadingIcon() {
  return /* @__PURE__ */ jsx(Spinner, { size: "1rem" });
}

export { MatchNotificationIcon };