"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const designSystem = require("@choiceform/design-system");
const LoadMoreButtonTv = designSystem.tcv({
  slots: {
    root: "absolute top-0 left-0 z-2 flex h-10 w-full flex-shrink-0 translate-y-0 items-center justify-center gap-2"
  }
});
const ScrollToBottomTv = designSystem.tcv({
  slots: {
    root: "absolute right-5 bottom-2 z-10",
    button: [
      "flex size-8 items-center justify-center rounded-full border shadow-sm transition-all duration-200 hover:scale-105"
    ],
    icon: ""
  },
  variants: {
    isStreaming: {
      true: {
        button: [
          "bg-default-background text-accent-foreground border-selected-boundary",
          "hover:bg-selected-background"
        ],
        icon: "animate-bounce"
      },
      false: {
        button: "bg-secondary-background hover:bg-tertiary-background border-transparent"
      }
    }
  },
  defaultVariants: {
    isStreaming: false
  }
});
exports.LoadMoreButtonTv = LoadMoreButtonTv;
exports.ScrollToBottomTv = ScrollToBottomTv;
//# sourceMappingURL=tv.cjs.map
