egutierrez
2d108c295a
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind. Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind. Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.) y MantineProvider como wrapper estándar del sistema de temas. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
44 lines
811 B
TypeScript
44 lines
811 B
TypeScript
import { Pagination as MantinePagination } from "@mantine/core"
|
|
|
|
interface PaginationProps {
|
|
total: number
|
|
value?: number
|
|
defaultValue?: number
|
|
onChange?: (page: number) => void
|
|
siblings?: number
|
|
boundaries?: number
|
|
withEdges?: boolean
|
|
className?: string
|
|
}
|
|
|
|
function Pagination({
|
|
total,
|
|
value,
|
|
defaultValue,
|
|
onChange,
|
|
siblings,
|
|
boundaries,
|
|
withEdges = false,
|
|
className,
|
|
...props
|
|
}: PaginationProps) {
|
|
return (
|
|
<MantinePagination
|
|
data-slot="pagination"
|
|
total={total}
|
|
value={value}
|
|
defaultValue={defaultValue}
|
|
onChange={onChange}
|
|
siblings={siblings}
|
|
boundaries={boundaries}
|
|
withEdges={withEdges}
|
|
className={className}
|
|
size="sm"
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export { Pagination }
|
|
export type { PaginationProps }
|