Sha256: 42b90e311b85ff5dd641888d49c31a5a3d8ca3d4949282482ea2f505d123ea8e

Contents?: true

Size: 812 Bytes

Versions: 104

Compression:

Stored size: 812 Bytes

Contents

/* @flow */

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

type FilterBackgroundProps = {
  background: boolean,
  className: string,
  children: Node,
  dark: boolean,
}

const FilterBackground = (props: FilterBackgroundProps) => {
  const { background = true, className, children, dark } = props

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

export default FilterBackground

Version data entries

104 entries across 104 versions & 1 rubygems

Version Path
playbook_ui-9.3.0.alpha.inline2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.3.0.alpha.inline1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.3.0.pre.alpha.password.strength.1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.3.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.2.2.pre.alpha.margin app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.2.2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.2.1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.2.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.1.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-9.0.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.3.0.alpha.select.pre.margin app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.3.0 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.2.1.pre.alpha5 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.2.1.pre.alpha4 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.2.1.alpha.iconacc app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.2.1.pre.alpha3 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.2.1.pre.alpha2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.3.0.deps2 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.3.0.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
playbook_ui-8.2.1.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx