@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
58 lines (57 loc) • 1.05 kB
JavaScript
import { c as a } from "../../index-D29mdTf5.js";
const e = a(
[
"rounded-md",
"p-4",
"flex",
"flex-row",
"relative",
"overflow-hidden",
"h-14",
"items-center",
"gap-8",
"data-[state=open]:animate-slide-in",
"data-[state=closed]:animate-hide",
"data-[swipe=move]:translate-x-4",
"data-[swipe=cancel]:translate-x-0",
"data-[swipe=end]:animate-swipe-out",
"text-white",
"shadow-[0px_2px_4px_0px_rgba(100,116,139,0.25)]"
],
{
variants: {
variant: {
success: ["bg-green-800"],
error: ["bg-red-800"],
warning: ["bg-amber-800"]
}
},
defaultVariants: {
variant: "success"
}
}
), i = a([
"fixed",
"bottom-0",
"right-0",
"flex",
"flex-col",
"p-[var(--viewport-padding)]",
"gap-8",
"w-[390px]",
"max-w-[100vw]",
"m-0",
"z-50",
"outline-none"
]), s = a([
"top-2",
"right-2",
"w-4",
"h-4",
"text-white"
]);
export {
s as closeToastVariants,
e as toastVariants,
i as viewportToastVariants
};