export default function Example() { return ( <Box css={{ display: "flex", flexDirection: "column", }} > <Box css={{ display: "flex", gap: theme.space[100], position: "relative", }} > <PaginationDots amount={7} index={1} label="pagination dots" /> </Box> <Box css={{ display: "flex", gap: theme.space[100], marginBlockStart: theme.space[200], position: "relative", }} > <PaginationDots amount={7} index={2} label="pagination dots" /> </Box> <Box css={{ display: "flex", gap: theme.space[100], marginBlockStart: theme.space[200], position: "relative", }} > <PaginationDots amount={7} index={3} label="pagination dots" /> </Box> </Box> ); }