UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

41 lines (38 loc) 1.69 kB
'use client'; import { jsx } from 'react/jsx-runtime'; import 'react'; import '@mantine/hooks'; import 'clsx'; import '../../../core/MantineProvider/Mantine.context.mjs'; import '../../../core/MantineProvider/default-theme.mjs'; import '../../../core/MantineProvider/MantineProvider.mjs'; import '../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs'; import { useProps } from '../../../core/MantineProvider/use-props/use-props.mjs'; import '../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs'; import { Box } from '../../../core/Box/Box.mjs'; import { factory } from '../../../core/factory/factory.mjs'; import '../../../core/DirectionProvider/DirectionProvider.mjs'; import { usePaginationContext } from '../Pagination.context.mjs'; import { PaginationDotsIcon } from '../Pagination.icons.mjs'; import classes from '../Pagination.module.css.mjs'; const defaultProps = { icon: PaginationDotsIcon }; const PaginationDots = factory((_props, ref) => { const props = useProps("PaginationDots", defaultProps, _props); const { classNames, className, style, styles, vars, icon: Icon, ...others } = props; const ctx = usePaginationContext(); return /* @__PURE__ */ jsx(Box, { ref, ...ctx.getStyles("dots", { className, style, styles, classNames }), ...others, children: /* @__PURE__ */ jsx( Icon, { style: { width: "calc(var(--pagination-control-size) / 1.8)", height: "calc(var(--pagination-control-size) / 1.8)" } } ) }); }); PaginationDots.classes = classes; PaginationDots.displayName = "@mantine/core/PaginationDots"; export { PaginationDots }; //# sourceMappingURL=PaginationDots.mjs.map