import { formsBaseTheme } from '../forms.theme.js';

const inputTagTheme = {
    // Tags container style
    tagsContainerStyle: "flex flex-wrap gap-2 mt-2",
    // Dropdown styles - reuse from formsBaseTheme for consistency
    dropdownStyle: formsBaseTheme.dropdownStyles.container + " py-1",
    optionStyle: formsBaseTheme.dropdownStyles.option,
    selectedOptionStyle: formsBaseTheme.dropdownStyles.optionSelected,
    highlightedOptionStyle: formsBaseTheme.dropdownStyles.optionHighlighted,
    disabledOptionStyle: formsBaseTheme.dropdownStyles.optionDisabled,
    emptyMessageStyle: formsBaseTheme.dropdownStyles.emptyMessage,
    createOptionStyle: formsBaseTheme.dropdownStyles.optionCreate,
};

export { inputTagTheme };
