Large compress select

src/components/select/index.tsx

@@ -1,14 +1,18 @@
 import { h, Component } from 'preact';
 import * as style from './style.scss';
 
-interface Props extends JSX.HTMLAttributes {}
+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} {...props}/>
+        <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>
     );