| Server IP : 104.21.30.238 / Your IP : 216.73.216.83 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /././home/tempvsty/./pontiacques.org/wp-content/plugins/give/src/Views/Components/Select/ |
Upload File : |
import PropTypes from 'prop-types';
import classNames from 'classnames';
import style from './style.module.scss';
const Select = ({options, onChange, defaultValue, className, ...rest}) => {
const optionElements = options.map((option) => (
<option key={option.value} value={option.value}>
{option.label}
</option>
));
return (
<div key={defaultValue} className={classNames(style.select, className)}>
<select onChange={onChange} defaultValue={defaultValue} {...rest}>
{optionElements}
</select>
</div>
);
};
Select.propTypes = {
// Array of objects with labels and values defining select options (ex: {label: Option A, value: option-a})
options: PropTypes.array.isRequired,
// Fired on select change event
onChange: PropTypes.func,
// Default value of select element
defaultValue: PropTypes.string.isRequired,
// Additional class
className: PropTypes.string,
};
export default Select;