@konstructio/ui/dist/components/Card/Card.variants.js

A set of reusable and customizable React components built for konstruct.io

import { c as r } from "../../index-BNmRGtA6.js";
const e = r(
  ["border", "border-slate-200", "rounded-xl"],
  {
    variants: {
      isActive: {
        true: "border-transparent",
        false: ""
      },
      canHover: {
        true: ["group", "hover:border-transparent"],
        false: ""
      }
    }
  }
), a = r(
  ["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"],
  {
    variants: {
      isActive: {
        true: [
          "border-kubefirst-primary",
          "shadow",
          "colony:border-colony-primary",
          "civo:border-civo-primary"
        ],
        false: "border-transparent"
      },
      canHover: {
        true: [
          "cursor-pointer",
          "border-transparent",
          "group-hover:border-kubefirst-primary",
          "colony:group-hover:border-colony-primary",
          "civo:group-hover:border-civo-primary"
        ],
        false: ""
      }
    },
    compoundVariants: [
      {
        canHover: void 0,
        isActive: void 0,
        class: "border-transparent"
      }
    ]
  }
);
export {
  e as cardBaseVariants,
  a as cardVariants
};