import { Theme, createThemeReducer, THEME_REDUCER_KEY } from '../theme'
import { accordionReducer, ACCORDION_REDUCER_KEY } from '../accordion'
import { formReducer, FORM_REDUCER_KEY } from '../form'
import { modalReducer, MODAL_REDUCER_KEY } from '../modal'
import { notificationReducer, NOTIFICATION_REDUCER_KEY } from '../notifications'
import { dropdownReducer, DROPDOWN_REDUCER_KEY } from '../dropdown'
import { scrollListReducer, SCROLL_LIST_REDUCER_KEY } from '../scroll-list'
import { trayReducer, TRAY_REDUCER_KEY } from '../tray'
import { panelReducer, PANEL_REDUCER_KEY } from '../panel'

export const cosmoUiReducers = {
    [ACCORDION_REDUCER_KEY]: accordionReducer,
    [DROPDOWN_REDUCER_KEY]: dropdownReducer,
    [FORM_REDUCER_KEY]: formReducer,
    [NOTIFICATION_REDUCER_KEY]: notificationReducer,
    [MODAL_REDUCER_KEY]: modalReducer,
    [PANEL_REDUCER_KEY]: panelReducer,
    [TRAY_REDUCER_KEY]: trayReducer,
    [SCROLL_LIST_REDUCER_KEY]: scrollListReducer,
}

export const createCosmoUiReducersWithTheme = (theme: Theme) => ({
    ...cosmoUiReducers,
    [THEME_REDUCER_KEY]: createThemeReducer(theme),
})