@zohodesk/components/es/MultiSelect/MultiSelectHeader.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

/**** Libraries ****/
import React from 'react';
import { MultiSelectHeader_propTypes } from "./props/propTypes";
import { MultiSelectHeader_defaultProps } from "./props/defaultProps";
/**** Icons ****/

import ListItemWithIcon from "../ListItem/ListItemWithIcon";
/**** CSS ****/

import style from "./MultiSelect.module.css";
export default class MultiSelectHeader extends React.PureComponent {
  render() {
    let {
      dataId,
      onSelect,
      selectAllText,
      suggestions
    } = this.props;
    return /*#__PURE__*/React.createElement(React.Fragment, null, suggestions.length > 1 ? /*#__PURE__*/React.createElement(ListItemWithIcon, {
      autoHover: false,
      value: selectAllText,
      iconName: "ZD-androidd",
      iconSize: "15",
      onClick: onSelect,
      dataId: `${dataId}_selectAll`,
      customClass: style.selectAll
    }) : null);
  }

}
MultiSelectHeader.propTypes = MultiSelectHeader_propTypes;
MultiSelectHeader.defaultProps = MultiSelectHeader_defaultProps;