heroui-zip-button/dist/ZipButton.js

A customizable HeroUI Zip Button component

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ZipButton = void 0;
var react_1 = require("@heroui/react");
exports.ZipButton = (0, react_1.extendVariants)(react_1.Button, {
    variants: {
        size: {
            sm: "rounded-full text-xs font-regular  w-full",
            md: "rounded-full text-sm font-semibold w-full py-8",
        },
        variant: {
            bordered: "border bg-transparent",
        },
        isDisabled: {
            true: "bg-gray-300  cursor-not-allowed opacity-60 pointer-events-none",
        },
    },
    defaultVariants: {
        variant: "solid",
        size: "md",
    },
    compoundVariants: [
        {
            size: "sm",
            variant: "solid",
            class: " h-auto py-2 px-4 bg-blue-400 text-white",
        },
        {
            size: "sm",
            variant: "bordered",
            class: "h-auto px-2 !py-2 border-blue-400 text-blue-400 hover:bg-blue-100/10",
        },
        {
            size: "md",
            variant: "solid",
            class: "!py-4 h-auto px-6 bg-blue-200 text-white text-white",
        },
        {
            size: "md",
            variant: "ghost",
            class: "h-auto py-2.5 px-6 bg-none text-blue-100 border border-blue-100",
        },
    ],
});