import { h, Component } from 'preact';
import * as style from './style.scss';

interface Props extends JSX.HTMLAttributes {
  large?: boolean;
}
interface State {}

export default class Select extends Component<Props, State> {
  render(props: Props) {
    const { large, ...otherProps } = props;

    return (
      <div class={style.select}>
        <select class={`${style.nativeSelect} ${large ? style.large : ''}`} {...otherProps}/>
        <svg class={style.arrow} viewBox="0 0 10 5"><path d="M0 0l5 5 5-5z"/></svg>
      </div>
    );
  }
}