@trail-ui/react
Version:
29 lines (27 loc) • 893 B
JavaScript
// src/alert/alert-icon.tsx
import {
CheckCircleFilledIcon,
CheckCircleIcon,
ExclamationCircleFilledIcon,
ExclamationCircleIcon,
InfoFilledIcon,
InfoIcon,
XCircleFilledIcon,
XCircleIcon
} from "@trail-ui/icons";
import { clsx } from "@trail-ui/shared-utils";
import { jsx } from "react/jsx-runtime";
var ICONS = {
info: { outline: InfoIcon, filled: InfoFilledIcon },
yellow: { outline: ExclamationCircleIcon, filled: ExclamationCircleFilledIcon },
green: { outline: CheckCircleIcon, filled: CheckCircleFilledIcon },
error: { outline: XCircleIcon, filled: XCircleFilledIcon }
};
var AlertIcon = (props) => {
const { type = "info", filled = false, className, ...rest } = props;
const Icon = filled ? ICONS[type].filled : ICONS[type].outline;
return /* @__PURE__ */ jsx(Icon, { className: clsx("h-6 w-6 shrink-0", className), ...rest });
};
export {
AlertIcon
};