Function Example

docs/examples/divider/orientationExample2.tsx:14–34

()

}

export default function Example() {
  return (
    <Box alignItems="center" display="flex" height="100%" justifyContent="center" padding={8}>
      <Flex>
        <Box paddingX={4}>
          <Block
            text="Use the search bar to discover ideas, people and trends. Explore suggested topics or search for topics of your own."
            title="Discover ideas"
          />
        </Box>
        <Divider />
        <Box paddingX={4}>
          <Block
            text="Upload an image from your computer or mobile device to create a Pin. You can also create Pins from images you find online."
            title="Create Pins"
          />
        </Box>
      </Flex>
    </Box>
  );
}