export default function Example() {
  const [Check1, setCheck1] = useState(false);

  return (
    <Box
      css={{
        display: "flex",
        flexDirection: "column",
        justifyContent: "center",
        gap: "$100",
      }}
    >
      <Box
        onClick={() => setCheck1(!Check1)}
        css={{
          cursor: "pointer",
          display: "flex",
          marginTop: "$100",
          gap: "$025",
        }}
      >
        <Checkbox
          checked={Check1}
          variant="primary"
          isOutline
          size="125"
          id="cb4"
        >
          Checkbox
        </Checkbox>
      </Box>
    </Box>
  );
}

To enter the code editing mode, press Enter. To exit the edit mode, press Escape

You are editing the code. To exit the edit mode, press Escape