Sha256: 5b70ed40123cda8705c7e27c4de971f8a88957c98c01ae058d1f2a90ff0bf31a

Contents?: true

Size: 841 Bytes

Versions: 943

Compression:

Stored size: 841 Bytes

Contents

import React from 'react'
import classnames from 'classnames'

import { GlobalProps, globalProps } from '../../utilities/globalProps'

import Card from '../../pb_card/_card'

export type FilterBackgroundProps = {
  background: boolean,
  className: string,
  children?: React.ReactChild[] | React.ReactChild,
  dark: boolean,
} & GlobalProps

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

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

export default FilterBackground

Version data entries

943 entries across 943 versions & 1 rubygems

Version Path
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx