Sha256: 18aa81504881fcb7f8e5f4a4fecd06ca3821b18908dfcd049b7b79373e012d35

Contents?: true

Size: 701 Bytes

Versions: 44

Compression:

Stored size: 701 Bytes

Contents

/* @flow */

import React, { Node } from 'react'
import { Card } from '../../'
import classnames from 'classnames'
import { spacing } from '../../utilities/spacing.js'

type FilterBackgroundProps = {
  background: boolean,
  className: string,
  children: Node,
}
const FilterBackground = (props: FilterBackgroundProps) => {
  const { background = true, className, children } = props

  return (
    <div className={classnames(`pb_filter_kit ${className}`, spacing(props))}>
      <Choose>
        <When condition={background}>
          <Card padding="none">{children}</Card>
        </When>
        <Otherwise>{children}</Otherwise>
      </Choose>
    </div>
  )
}

export default FilterBackground

Version data entries

44 entries across 44 versions & 1 rubygems

Version Path
playbook_ui-5.2.0.pre.alpha8 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0.pre.alpha7 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.3.0.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.4.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0.pre.alpha6 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0.pre.alpha5 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.3.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0.pre.alpha4 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0.pre.alpha3 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0.pre.alpha2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.2.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.1.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.0.3 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.0.2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.0.1.pre.beta app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.1.0.pre.alpha4 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.1.0.pre.alpha2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.1.0.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.0.1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-5.0.1.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx