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

//#region src/styles/tabs.d.ts
declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "trigger" | "indicator" | "indicatorContent", NoInfer<{
  size: {
    xs: {
      root: "text-2xs";
      list: "p-0.75";
      trigger: "gap-1 px-1.5 py-0.75";
    };
    sm: {
      root: "text-xs";
      list: "p-0.875";
      trigger: "gap-1.5 px-2 py-1";
    };
    md: {
      root: "text-sm";
      list: "p-1";
      trigger: "gap-2 px-3 py-1";
    };
    lg: {
      root: "text-base";
      list: "p-1.125";
      trigger: "gap-2.5 px-4 py-1.125";
    };
    xl: {
      root: "text-lg";
      list: "p-1.25";
      trigger: "gap-3 px-5 py-1.25";
    };
    '2xl': {
      root: "text-xl";
      list: "p-1.5";
      trigger: "gap-4 px-6 py-1.5";
    };
  };
  orientation: {
    horizontal: {
      root: "flex-col";
      indicator: "h-full w-[--soybean-tabs-indicator-size] translate-x-[--soybean-tabs-indicator-position] rtl:-translate-x-[--soybean-tabs-indicator-position]";
    };
    vertical: {
      list: "flex-col items-stretch";
      indicator: "w-full h-[--soybean-tabs-indicator-size] translate-y-[--soybean-tabs-indicator-position]";
    };
  };
  shape: {
    square: {
      list: "rounded-md";
      indicatorContent: "rounded-md";
    };
    rounded: {
      list: "rounded-full";
      indicatorContent: "rounded-full";
    };
  };
  fill: {
    full: {
      root: "items-stretch";
    };
    auto: {
      root: "items-start";
    };
  };
  enableIndicator: {
    false: {
      trigger: "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow";
    };
  };
}>, {
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
  fill?: "auto" | "full" | undefined;
  shape?: "rounded" | "square" | undefined;
  orientation?: "horizontal" | "vertical" | undefined;
  enableIndicator?: boolean | undefined;
}>;
type TabsProps = VariantProps<typeof tabsVariants>;
type TabsShape = NonNullable<TabsProps['shape']>;
type TabsFill = NonNullable<TabsProps['fill']>;
//#endregion
export { TabsFill, TabsShape };