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