var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { jsx as _jsx } from "react/jsx-runtime";
import css from './Select.module.scss';
import { _cx } from 'src/utility/class';
var cx = _cx(css);
export default function Select(_a) {
    var id = _a.id, options = _a.options, onChange = _a.onChange, value = _a.value, mode = _a.mode, style = _a.style;
    return (_jsx("div", { style: { position: 'relative', height: 'fit-content' }, children: _jsx("select", { className: cx('styled-select', { small: mode === 'small-fix' }), id: id, value: value, onChange: onChange, style: __assign({}, style), children: options.map(function (option, i) {
                var _a;
                return (_jsx("option", { value: option.value || '', children: option.label }, (_a = option.id) !== null && _a !== void 0 ? _a : "".concat(i, "-").concat(option.label)));
            }) }) }));
}
