Contents

/* @flow */

import React, { Node } from 'react'
import { Card } from '../../'

type FilterBackgroundProps = {
  background: boolean,
  className: string,
  children: Node,
}
const FilterBackground = ({ background = true, className, children }: FilterBackgroundProps) => (
  <div className={`pb_filter_kit ${className}`}>
    <Choose>
      <When condition={background}>
        <Card padding="none">
          {children}
        </Card>
      </When>
      <Otherwise>
        {children}
      </Otherwise>
    </Choose>
  </div>
)

export default FilterBackground

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-4.17.0.pre.alpha1	app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-4.16.0	app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-4.15.0	app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx