export default function Example() {
  return (
    <Box
      css={{
        display: "flex",
        justifyContent: "center",
        width: "100%",
        gap: "$100",
      }}
    >
      <Checkbox checked variant="primary" size="125" id="checkbox9" />
      <Checkbox variant="primary" size="125" id="checkbox10" />
      <Checkbox
        checked={"indeterminate"}
        variant="primary"
        size="125"
        id="checkbox11"
      />
    </Box>
  );
}