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" }}>
          Horizontal
        </Box>
        <Divider variant="strong" />
      </Box>
      <Box
        css={{
          width: "100%",
          height: "188px",
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
          gap: "$100",
          marginBlock: "$200",
        }}
      >
        <Box css={{ color: "$accessible", fontWeight: "$normal" }}>
          Vertical
        </Box>
        <Divider variant="strong" orientation="vertical" />
      </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