import { _ as __assign } from '../tslib.es6-20a2a300.js';
import { jsx } from 'react/jsx-runtime';
import Pagination from '../components/Pagination.js';
import '../theme/colors.js';
import '../theme/fontSize.js';
import '../theme/fontWeight.js';
import '../makeStyles-c9a99c7a.js';
import '../defaultTheme-49a26576.js';
import 'react';
import '../createStyles-16423e9e.js';
import '../clsx.m-6243b874.js';
import '../useControlled-ca779f8e.js';
import '../withStyles-99aeb25b.js';
import '../hoist-non-react-statics.cjs-b718ab87.js';
import '../createSvgIcon-6fb7d1b7.js';
import '../capitalize-5d3e9aac.js';
import '../useTheme-27496d89.js';
import '../ButtonBase-11d3cdb5.js';
import 'react-dom';
import '../useForkRef-4ff8cc89.js';
import '../useEventCallback-8817ed1c.js';
import '../deprecatedPropType-0232df1e.js';
import '../useIsFocusVisible-c048447c.js';
import '../TransitionGroupContext-2ba64e99.js';
import '../refType-5cc24a92.js';
import '../elementTypeAcceptingRef-7677eeee.js';

var argTypes = {
    count: {
        defaultValue: 10,
        control: { type: "number" }
    },
    component: { table: { disable: true } },
    ref: { table: { disable: true } }
};
var Template = function (args) {
    return jsx(Pagination, __assign({ variant: "outlined", shape: "rounded" }, args), void 0);
};
var Default = Template.bind({});
var Pagination_stories = {
    title: "Components/Pagination",
    component: Pagination,
    argTypes: argTypes
};

export { Default, Pagination_stories as default };
