Sha256: 32ef8b72a8910fd56a2d91694918f4052ae3a27812fcedf70181aadf6f47700a

Contents?: true

Size: 555 Bytes

Versions: 30

Compression:

Stored size: 555 Bytes

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

30 entries across 30 versions & 1 rubygems

Version Path
playbook_ui-4.11.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.10.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.9.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.8.2 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.8.1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.7.1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.7.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.6.1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.6.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.5.2 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.5.1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.5.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.4.1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.4.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.3.1 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_section_separator/_section_separator.jsx