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

//#region src/styles/pagination.d.ts
declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "root" | "first" | "last" | "ellipsis" | "prev" | "listItem", NoInfer<{
  size: {
    xs: {
      list: "gap-0.75 text-2xs";
      ellipsis: "size-6";
      listItem: "size-6";
    };
    sm: {
      list: "gap-1 text-xs";
      ellipsis: "size-7";
      listItem: "size-7";
    };
    md: {
      list: "gap-1.25 text-sm";
      ellipsis: "size-8";
      listItem: "size-8";
    };
    lg: {
      list: "gap-1.5 text-base";
      ellipsis: "size-9";
      listItem: "size-9";
    };
    xl: {
      list: "gap-1.75 text-lg";
      ellipsis: "size-10";
      listItem: "size-10";
    };
    '2xl': {
      list: "gap-2 text-xl";
      ellipsis: "size-12";
      listItem: "size-12";
    };
  };
  variant: {
    pure: {
      listItem: "data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent";
    };
    solid: {
      listItem: "data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600";
    };
    outline: {
      listItem: "data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent";
    };
    soft: {
      listItem: "data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20";
    };
  };
  shape: {
    rounded: {
      listItem: "rounded-full";
    };
    square: {
      listItem: "rounded-md";
    };
  };
  actionAsSelected: {
    true: {};
    false: {};
  };
}>, {
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
  shape?: "rounded" | "square" | undefined;
  variant?: "pure" | "outline" | "soft" | "solid" | undefined;
  actionAsSelected?: boolean | undefined;
}>;
type PaginationVariants = VariantProps<typeof paginationVariants>;
type PaginationVariant = NonNullable<PaginationVariants['variant']>;
type PaginationShape = NonNullable<PaginationVariants['shape']>;
//#endregion
export { PaginationShape, PaginationVariant };