export default function Example() {
  return (
    <Box
      css={{
        width: "100%",
        height: "100%",
        display: "flex",
        gap: "$100",
      }}
    >
      <Box
        css={{
          backgroundColor: "$secondary",
          boxShadow: "$100",
          width: "100%",
          height: "100%",
          display: "flex",
          alignItems: "center",
        }}
      >
        <Divider />
      </Box>
      <Box
        css={{
          backgroundColor: "$secondary",
          boxShadow: "$100",
          width: "100%",
          height: "100%",
          display: "flex",
          justifyContent: "center",
        }}
      >
        <Divider 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