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" />
        <label>Checkbox label</label>
      </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