import React from 'react';
import { Divider, Flex, FlexItem } from '@breakaway/preact-core';

export const DividerVerticalFlex: React.FunctionComponent = () => (
  <Flex>
    <FlexItem>first item</FlexItem>
    <Divider
      orientation={{
        default: 'vertical'
      }}
    />
    <FlexItem>second item</FlexItem>
  </Flex>
);
