import 'core-js/modules/es.object.assign.js';
import { __rest } from '../../../_virtual/_tslib.js';
import { jsxs, jsx } from 'react/jsx-runtime';
import { FormControl, InputLabel, Select as Select$1, FormHelperText } from '@mui/material';
import { IconFont } from '../IconFont/IconFont.js';

const Select = _a => {
  var {
      label,
      helperText,
      children
    } = _a,
    props = __rest(_a, ["label", "helperText", "children"]);
  return jsxs(FormControl, Object.assign({
    variant: "standard",
    fullWidth: true
  }, {
    children: [label && jsx(InputLabel, Object.assign({
      htmlFor: "my-input"
    }, {
      children: label
    })), jsx(Select$1, Object.assign({
      fullWidth: true,
      disableUnderline: true,
      IconComponent: iconProps => jsx(IconFont, Object.assign({
        name: "expand_more",
        fontSize: 16
      }, iconProps))
    }, props, {
      children: children
    })), helperText && jsx(FormHelperText, {
      children: helperText
    })]
  }));
};

export { Select, Select as default };
