Contents

/* @flow */
import React from 'react'
import classnames from 'classnames'

import Caption from '../pb_caption/_caption.jsx'

type SectionSeparatorProps = {
  className: String,
  text: String,
  variant?: 'card' | 'background'
};

const SectionSeparator = ({
  className,
  text,
  variant = 'card'
}: SectionSeparatorProps) => {

  const css = classnames([`pb_section_separator_kit_${variant}`, className])

  return (<div className={css}>
    <span>
      <Caption text={text}/>
    </span>
  </div>)
}

export default SectionSeparator

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-3.1.0	app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-3.0.1	app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-3.0.0	app/pb_kits/playbook/pb_section_separator/_section_separator.jsx