The Divider component is used to divide two parts.
import { Box, Text, Divider } from '@gympass/yoga';
<Box flex={1} display="flex" flexDirection="column" minHeight={50}> <Text.Regular>First Content</Text.Regular> <Divider /> <Text.Regular>Second Content</Text.Regular> </Box><Box flex={1} display="flex" flexDirection="column" minHeight={50}> <Text.Regular>First Content</Text.Regular> <Divider /> <Text.Regular>Second Content</Text.Regular> </Box>
<Box flex={1} display="flex" flexDirection="column" minHeight={50}> <Text.Regular>First Content</Text.Regular> <Divider /> <Text.Regular>Second Content</Text.Regular> </Box>