import React, {FC} from 'react';

import {
    components as RS,
    MultiValueGenericProps,
    MultiValueProps,
    MultiValueRemoveProps,
} from 'react-select';

const Container: FC<MultiValueGenericProps> = (props) => {
    return <RS.MultiValueContainer {...props} />;
};

const Value: FC<MultiValueProps> = (props) => {
    return <RS.MultiValue {...props} />;
};

const Label: FC<MultiValueGenericProps> = (props) => {
    return <RS.MultiValueLabel {...props} />;
};

const Remove: FC<MultiValueRemoveProps> = (props) => {
    return <RS.MultiValueRemove {...props} />;
};

export const DropdownMultiComponent = Object.assign(Container, {
    Value,
    Label,
    Remove,
});
