Claude
30 lines
882 B
TypeScript
30 lines
882 B
TypeScript
import { cva, type VariantProps } from 'class-variance-authority';
|
|
|
|
export const paginationItemVariants = cva(
|
|
[
|
|
'inline-flex items-center justify-center rounded-md text-sm font-medium',
|
|
'transition-colors duration-150',
|
|
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
|
|
],
|
|
{
|
|
variants: {
|
|
variant: {
|
|
default: 'hover:bg-secondary text-foreground-muted hover:text-foreground',
|
|
active: 'bg-foreground text-background',
|
|
disabled: 'text-foreground-subtle cursor-not-allowed opacity-50',
|
|
},
|
|
size: {
|
|
sm: 'h-8 w-8 text-xs',
|
|
md: 'h-9 w-9 text-sm',
|
|
lg: 'h-10 w-10 text-base',
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: 'default',
|
|
size: 'md',
|
|
},
|
|
}
|
|
);
|
|
|
|
export type PaginationVariants = VariantProps<typeof paginationItemVariants>;
|