Files
squoosh/src/client/lazy-app/Compress/Options/Select/index.tsx
2020-12-05 15:36:03 +00:00

29 lines
734 B
TypeScript

import { h, Component } from 'preact';
import * as style from './style.css';
import 'add-css:./style.css';
import { Arrow } from 'client/lazy-app/icons';
interface Props extends preact.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}>
{/* @ts-ignore - TS bug https://github.com/microsoft/TypeScript/issues/16019 */}
<select
class={`${style.builtinSelect} ${large ? style.large : ''}`}
{...otherProps}
/>
<div class={style.arrow}>
<Arrow />
</div>
</div>
);
}
}