import { VariantProps } from "@soybeanjs/cva";

//#region src/styles/page-tabs.d.ts
declare const pageTabsVariants: import("@soybeanjs/cva").SCVResult<"close" | "root" | "item" | "itemText" | "pin" | "sliderIndicator" | "chromeBgLeft" | "chromeBgRight", NoInfer<{
  size: {
    xs: {
      root: "text-2xs";
      item: "gap-2 px-1 py-1";
      itemText: "max-w-50";
    };
    sm: {
      root: "text-xs";
      item: "gap-2.5 px-1.5 py-1";
      itemText: "max-w-55";
    };
    md: {
      root: "text-sm";
      item: "gap-3 px-2 py-1.5";
      itemText: "max-w-60";
      chromeBgLeft: "w-2 h-2";
      chromeBgRight: "w-2 h-2";
    };
    lg: {
      root: "text-base";
      item: "gap-3.5 px-2.5 py-1.5";
      itemText: "max-w-65";
    };
    xl: {
      root: "text-lg";
      item: "gap-4 px-3 py-2";
      itemText: "max-w-70";
    };
    '2xl': {
      root: "text-xl";
      item: "gap-4.5 px-3.5 py-2.5";
      itemText: "max-w-75";
    };
  };
  variant: {
    chrome: {
      root: "items-end";
      item: "rounded-t-md";
    };
    card: {
      root: "items-center gap-2";
      item: "rounded-md shadow-sm border border-border";
    };
    slider: {
      root: "items-end";
      item: "rounded-t-md";
    };
  };
}>, {
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
  variant?: "card" | "slider" | "chrome" | undefined;
}>;
type PageTabsVariants = VariantProps<typeof pageTabsVariants>;
type PageTabsVariant = NonNullable<PageTabsVariants['variant']>;
//#endregion
export { PageTabsVariant };