export default function Example() { return ( <Box css={{ width: "100%", }} > <Box css={{ width: "100%", display: "flex", alignItems: "center", gap: "$100", marginBlock: "$200", }} > <Box css={{ color: "$accessible", fontWeight: "$normal" }}>Default</Box> <Divider /> </Box> <Box css={{ width: "100%", display: "flex", alignItems: "center", gap: "$100", marginBlock: "$200", }} > <Box css={{ color: "$accessible", fontWeight: "$normal" }}>Strong</Box> <Divider variant="strong" /> </Box> </Box> ); }