Section Separator

import React from 'react'
import { SectionSeparator } from 'playbook-ui'

const SectionSeparatorText = (props) => {
  return (
    <SectionSeparator
        text="Title Separator"
    />
  )
}

export default SectionSeparatorText

import React from 'react'
import { SectionSeparator } from 'playbook-ui'

const SectionSeparatorLine = (props) => {
  return (
    <div>
      <SectionSeparator
      />
    </div>
  )
}

export default SectionSeparatorLine

import React from 'react'

import SectionSeparator from 'playbook-ui'

import Flex from 'playbook-ui'
import FlexItem from 'playbook-ui'

const SectionSeparatorVertical = (props) => {
  return (
    <Flex
        inline="flex-container"
        vertical="stretch"
    >
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
      <SectionSeparator
          orientation="vertical"
      />
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
      <SectionSeparator
          orientation="vertical"
      />
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
    </Flex>
  )
}

export default SectionSeparatorVertical