Sha256: 6dee3b8513405b95356a019121d124a01ab3c7fa20b1920a0427ab80d61078b3

Contents?: true

Size: 653 Bytes

Versions: 6

Compression:

Stored size: 653 Bytes

Contents

import React from 'react'
import { components } from 'react-select'

import Flex from '../../pb_flex/_flex'
import Icon from '../../pb_icon/_icon'

type PlaceholderProps = {
  children: React.ReactNode,
  selectProps: {
    plusIcon?: boolean,
  },
}

const Placeholder = (props: PlaceholderProps): React.ReactElement => (
  <>
    <Flex
        align="center"
        className="placeholder"
    >
      <components.IndicatorsContainer
          {...props}
      />
      {props.selectProps.plusIcon &&
        <Icon
            className="typeahead-plus-icon"
            icon="plus"
        />
      }
    </Flex>
  </>
)

export default Placeholder

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
playbook_ui-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
playbook_ui-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5340 app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
playbook_ui-14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5339 app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
playbook_ui-14.12.0.pre.rc.3 app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
playbook_ui-13.31.0.pre.alpha.PLAY10863202 app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx