@braineet/ui/dist/esm/components/select/RenderPlaceholder.js

Braineet design system

import React from 'react';
import isEmpty from 'lodash/isEmpty';
import { withTheme } from 'styled-components';
import { StyledSelectedText, SelectedIcon } from './styles';
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
var RenderPlaceholder = function RenderPlaceholder(_ref) {
  var placeholder = _ref.placeholder,
    value = _ref.value,
    selected = _ref.selected,
    selectObj = _ref.selectObj,
    renderPlaceholder = _ref.renderPlaceholder,
    renderOption = _ref.renderOption,
    classNames = _ref.classNames,
    size = _ref.size;
  if (renderPlaceholder && typeof renderPlaceholder === 'function') {
    return /*#__PURE__*/_jsx(StyledSelectedText, {
      children: renderPlaceholder({
        value: value
      })
    });
  }
  if (typeof renderOption === 'function' && !isEmpty(selectObj)) {
    return renderOption({
      option: selectObj
    });
  }
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [selectObj && typeof (selectObj == null ? void 0 : selectObj.icon) === 'string' ? /*#__PURE__*/_jsx(SelectedIcon, {
      name: selectObj.icon,
      color: selectObj.color
    }) : null, /*#__PURE__*/_jsx(StyledSelectedText, {
      className: classNames.selectedItemText,
      size: size,
      children: selected || placeholder
    })]
  });
};
RenderPlaceholder.defaultProps = {};
export default withTheme(RenderPlaceholder);