import React from 'react'
import { OptionType } from '../Option'
import { OptionListWrapper } from './_styled'
import { OptionListProps } from './typings'

/**
 * @todo <extends keyof>
 * @todo renderList prop here & render the list mapping...
 */
class OptionList extends React.PureComponent<OptionListProps> {
  render() {
    const { className, list, isVisible, children } = this.props

    return (
      <OptionListWrapper
        className={className}
        length={list.length}
        isVisible={isVisible}
        tabindex="-1"
        role="listbox"
        data-type="list"
      >
        {children}
      </OptionListWrapper>
    )
  }
}

export { OptionList }
export default OptionList