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> ); }