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