import React from 'react';
import { attachPropertiesToComponent } from '../../core/helpers';
import DefaultSelect from './Select';
import FlatSelect from './FlatSelect';
import SelectInput from './SelectInput';
import { Type } from './enum';
import type { SelectProps } from './interface';

const CombinedSelect = (props: SelectProps) => {
  const { useFlatSelect, ...rest } = props;
  return useFlatSelect
    ? React.createElement(FlatSelect, { ...rest })
    : React.createElement(DefaultSelect, { ...rest });
};

export default attachPropertiesToComponent(CombinedSelect, {
  Type,
  SelectInput,
});