"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const designSystem = require("@choiceform/design-system");
const responseTv = designSystem.tcv({
  slots: {
    root: "group/response grid gap-y-2 px-8 py-2",
    content: "min-h-6 w-full space-y-2 py-0.5",
    loading: "flex h-6 items-center"
  },
  variants: {
    hasAvatar: {
      true: {},
      false: {}
    },
    hasActions: {
      true: {},
      false: {}
    },
    hasTimestamp: {
      true: {},
      false: {}
    },
    hasError: {
      true: {},
      false: {}
    }
  },
  compoundVariants: [
    {
      hasAvatar: true,
      hasActions: false,
      hasTimestamp: false,
      class: {
        root: "grid-cols-[auto_1fr] gap-x-4"
      }
    },
    {
      hasAvatar: true,
      hasActions: true,
      hasTimestamp: false,
      class: {
        root: "grid-cols-[auto_1fr] grid-rows-[auto_1.5rem] gap-x-4 gap-y-2"
      }
    },
    {
      hasAvatar: true,
      hasActions: true,
      hasTimestamp: true,
      class: {
        root: "grid-cols-[auto_1fr_1fr] grid-rows-[auto_1.5rem] gap-x-4 gap-y-2",
        content: "col-span-2"
      }
    },
    {
      hasAvatar: true,
      hasActions: false,
      hasTimestamp: true,
      class: {
        root: "grid-cols-[auto_1fr] grid-rows-[auto_1.5rem] gap-x-4 gap-y-2"
      }
    },
    {
      hasAvatar: false,
      hasActions: true,
      hasTimestamp: true,
      class: {
        root: "grid-cols-[1fr_1fr] grid-rows-[auto_1.5rem] gap-x-4 gap-y-2",
        content: "col-span-2"
      }
    },
    {
      hasAvatar: false,
      hasActions: true,
      hasTimestamp: false,
      class: {
        root: "grid-cols-1 grid-rows-[auto_1.5rem] gap-y-2"
      }
    },
    {
      hasAvatar: false,
      hasActions: false,
      hasTimestamp: true,
      class: {
        root: "grid-cols-1 grid-rows-[auto_1.5rem] gap-y-2"
      }
    }
  ],
  defaultVariants: {
    hasAvatar: false,
    hasActions: false,
    hasTimestamp: false
  }
});
exports.responseTv = responseTv;
//# sourceMappingURL=tv.cjs.map
