/** @jsx jsx */
import { jsx } from '@emotion/core';
import { Fragment } from 'react';
import Option from './Option';

const SelectControl = ({value: selectedValue, setValue, options}: {value: any, setValue: (value: any) => void, options: {[key: string]: any}}) => {
  return (
    <Fragment>
      {Object.entries(options).map(([key, value]) => (
        <Option key={key} onClick={() => setValue(value)} active={selectedValue === value}>{key}</Option>
      ))}
    </Fragment>
  );
}

export default SelectControl