import { h } from 'preact';

export default (props) => {

    const { options = [] } = props;
    const optionsMarkup = options.map(option => {
        return (
            <option
                label={option.name}
                value={option.value}
                selected={props.value === option.value}
            />
        );
    });

    return (
        <label>
            {props.text}:
            <select
                class={props.name}
                onchange={props.onchange.bind(null, props.name)}
            >
                {optionsMarkup}
            </select>
        </label>
    );
}