@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
72 lines (71 loc) • 1.21 kB
JavaScript
import { c as t } from "../../index-BNmRGtA6.js";
const a = t(
[
"relative",
"border",
"py-4",
"px-5",
"rounded",
"flex",
"gap-2",
"items-center",
"justify-start",
"[&>*]:flex",
"[&>*]:gap-2",
"[&>*]:items-center",
"[&>*]:justify-start",
"text-sm",
"shadow-sm",
"duration-300",
"data-[state=hidden]:animate-out",
"data-[state=hidden]:fade-out-0",
"data-[state=hidden]:zoom-out-95"
],
{
variants: {
type: {
sucess: "",
info: [
"border-blue-100",
"bg-blue-50",
"text-zinc-700",
"[&>*>svg]:text-blue-600",
"shadow-blue-50/40"
],
warning: "",
danger: ""
},
isVisible: {
true: "",
false: "hidden"
}
},
defaultVariants: {
isVisible: !0
}
}
), s = t(
[
"w-4",
"h-4",
"absolute",
"right-2",
"top-2",
"text-inherit",
"cursor-pointer"
],
{
variants: {
type: {
sucess: "",
info: ["text-blue-600"],
warning: "",
danger: ""
}
}
}
);
export {
a as alertVariants,
s as closeButtonVariants
};