export const sample1 = `<Flex direction="column">
  <YellowBox height="50px" width="50px"/>
  <BlueBox height="50px" width="50px"/>
</Flex>
`
export const sample2 = `<Flex justifyContent="space-between" width="150px">
  <YellowBox height="50px" width="50px"/>
  <BlueBox height="50px" width="50px"/>
</Flex>
`
export const sample3 = `<Flex center height="50px" bg="green">box5</Flex>`

export const sample4 = `<Flex center height="100px" bg="red">
  <Flex center height="50px" width="100px" bg="yellow">box1</Flex>
</Flex>
`