import { createContext, useContext } from 'react'
import { Theme } from './theme.enum'
import { FOUNDATION_THEME, type ThemeType } from '../tokens'
import type { ResponsiveSearchInputTokens } from '../components/Inputs/SearchInput/searchInput.tokens'
import type { ResponsiveTagTokens } from '../components/Tags/tag.tokens'
import type { ResponsiveTextAreaTokens } from '../components/Inputs/TextArea/textarea.token'
import type { ResponsiveRadioTokens } from '../components/Radio/radio.token'
import type { ResponsiveSwitchTokens } from '../components/Switch/switch.token'
import type { ResponsiveTextInputTokens } from '../components/Inputs/TextInput/textInput.tokens'
import type { ResponsiveNumberInputTokens } from '../components/Inputs/NumberInput/numberInput.tokens'
import type { ResponsiveAlertTokens } from '../components/Alert/alert.tokens'
import type { ResponsiveOTPInputTokens } from '../components/Inputs/OTPInput/otpInput.tokens'
import type { ResponsiveTooltipTokens } from '../components/Tooltip/tooltip.tokens'
import type { ResponsiveUnitInputTokens } from '../components/Inputs/UnitInput/unitInput.tokens'
import type { ResponsiveMultiValueInputTokens } from '../components/Inputs/MultiValueInput/multiValueInput.tokens'
import type { ResponsiveDropdownInputTokens } from '../components/Inputs/DropdownInput/dropdownInput.tokens'
import type { ResponsiveCheckboxTokens } from '../components/Checkbox/checkbox.token'
import type { ResponsiveTabsTokens } from '../components/Tabs/tabs.token'
import type { ResponsiveButtonTokens } from '../components/Button/button.tokens'
import type { ResponsiveButtonV2Tokens } from '../components/ButtonV2/buttonV2.tokens'
import type { ResponsiveModalTokens } from '../components/Modal/modal.tokens'
import type { ResponsiveBreadcrumbTokens } from '../components/Breadcrumb/breadcrumb.tokens'
import type { ResponsivePopoverTokens } from '../components/Popover/popover.tokens'
import type { ResponsiveMenuTokensType } from '../components/Menu/menu.tokens'
import type { ResponsiveMenuV2TokensType } from '../components/MenuV2/menuV2.tokens'
import type { ResponsiveMultiSelectTokens } from '../components/MultiSelect/multiSelect.tokens'
import type { ResponsiveSingleSelectTokens } from '../components/SingleSelect/singleSelect.tokens'
import type { ResponsiveTableTokens } from '../components/DataTable/dataTable.tokens'
import type { ResponsiveCalendarTokens } from '../components/DateRangePicker/dateRangePicker.tokens.types'
import type { ResponsiveAccordionTokens } from '../components/Accordion/accordion.tokens'
import type { ResponsiveStatCardTokens } from '../components/StatCard/statcard.tokens'
import {
    getProgressBarTokens,
    type ResponsiveProgressBarTokens,
} from '../components/ProgressBar/progressbar.tokens'
import type { ResponsiveDrawerTokens } from '../components/Drawer/drawer.tokens'
import type { ResponsiveChartTokens } from '../components/Charts/chart.tokens'
import type { ResponsiveSnackbarTokens } from '../components/Snackbar/snackbar.tokens'
import type { ResponsiveKeyValuePairTokens } from '../components/KeyValuePair/KeyValuePair.tokens'
import type { ResponsiveCardTokens } from '../components/Card/card.tokens'
import {
    getCardV2Tokens,
    type ResponsiveCardV2Tokens,
} from '../components/CardV2/cardV2.tokens'
import {
    getTopbarTokens,
    type ResponsiveTopbarTokens,
} from '../components/Topbar/topbar.tokens'
import {
    getTopbarV2Tokens,
    type ResponsiveTopbarV2Tokens,
} from '../components/TopbarV2/topbarV2.tokens'
import type { ResponsiveAvatarTokens } from '../components/Avatar/avatar.tokens'
import type { ResponsiveAvatarGroupTokens } from '../components/AvatarGroup/avatarGroup.tokens'
import type { ResponsiveSidebarTokens } from '../components/Sidebar/sidebar.tokens'
import type { ResponsiveDirectoryTokens } from '../components/Directory/directory.tokens'
import type { ResponsiveUploadTokens } from '../components/Upload/upload.tokens'
import type { ResponsiveCodeBlockTokens } from '../components/CodeBlock/codeBlock.token'

import { getTagTokens } from '../components/Tags/tag.tokens'
import { getSearchInputTokens } from '../components/Inputs/SearchInput/searchInput.tokens'
import { getTextAreaTokens } from '../components/Inputs/TextArea/textarea.token'
import { getRadioTokens } from '../components/Radio/radio.token'
import { getSwitchTokens } from '../components/Switch/switch.token'
import { getTextInputTokens } from '../components/Inputs/TextInput/textInput.tokens'
import { getNumberInputTokens } from '../components/Inputs/NumberInput/numberInput.tokens'
import { getAlertTokens } from '../components/Alert/alert.tokens'
import { getOTPInputTokens } from '../components/Inputs/OTPInput/otpInput.tokens'
import { getTooltipTokens } from '../components/Tooltip/tooltip.tokens'
import { getUnitInputTokens } from '../components/Inputs/UnitInput/unitInput.tokens'
import { getMultiValueInputTokens } from '../components/Inputs/MultiValueInput/multiValueInput.tokens'
import { getDropdownInputTokens } from '../components/Inputs/DropdownInput/dropdownInput.tokens'
import { getCheckboxTokens } from '../components/Checkbox/checkbox.token'
import { getTabsTokens } from '../components/Tabs/tabs.token'
import { getButtonTokens } from '../components/Button/button.tokens'
import { getButtonV2Tokens } from '../components/ButtonV2/buttonV2.tokens'
import { getModalComponentTokens } from '../components/Modal/modal.tokens'
import { getBreadcrumbTokens } from '../components/Breadcrumb/breadcrumb.tokens'
import { getPopoverTokens } from '../components/Popover/popover.tokens'
import { getMenuTokens } from '../components/Menu/menu.tokens'
import { getMenuV2Tokens } from '../components/MenuV2/menuV2.tokens'
import { getMultiSelectTokens } from '../components/MultiSelect/multiSelect.tokens'
import { getSingleSelectTokens } from '../components/SingleSelect/singleSelect.tokens'
import { getTableToken } from '../components/DataTable/dataTable.tokens'
import { getCalendarToken } from '../components/DateRangePicker/dateRangePicker.tokens'
import { getAccordionToken } from '../components/Accordion/accordion.tokens'
import { getStatCardToken } from '../components/StatCard/statcard.tokens'
import { getDrawerComponentTokens } from '../components/Drawer/drawer.tokens'
import { getChartTokens } from '../components/Charts/chart.tokens'
import { getSnackbarTokens } from '../components/Snackbar/snackbar.tokens'
import { getKeyValuePairTokens } from '../components/KeyValuePair/KeyValuePair.tokens'
import { getCardTokens } from '../components/Card/card.tokens'
import {
    getSkeletonTokens,
    ResponsiveSkeletonTokens,
} from '../components/Skeleton/skeleton.tokens'
import {
    getSpinnerTokens,
    type ResponsiveSpinnerTokens,
} from '../components/Spinner/spinner.tokens'
import {
    getEmptyStateTokens,
    type ResponsiveEmptyStateTokens,
} from '../components/EmptyState/emptyState.tokens'
import { BREAKPOINTS } from '../breakpoints/breakPoints'
import { getAvatarTokens } from '../components/Avatar/avatar.tokens'
import { getAvatarGroupTokens } from '../components/AvatarGroup/avatarGroup.tokens'
import { getSidebarTokens } from '../components/Sidebar/sidebar.tokens'
import { getDirectoryTokens } from '../components/Directory/directory.tokens'
import {
    getMobileNavigationTokens,
    type ResponsiveMobileNavigationTokens,
} from '../components/Sidebar/SidebarMobile/mobile.tokens'
import {
    getMobileNavigationV2Tokens,
    type ResponsiveMobileNavigationV2Tokens,
} from '../components/SidebarV2/SidebarV2MobileNavigation/mobile.tokens'
import { getUploadTokens } from '../components/Upload/upload.tokens'
import {
    getStepperTokens,
    ResponsiveStepperTokens,
} from '../components/Stepper/stepper.tokens'
import { getCodeBlockTokens } from '../components/CodeBlock/codeBlock.token'
import {
    getButtonGroupTokens,
    type ResponsiveButtonGroupTokens,
} from '../components/ButtonGroup/buttonGroup.tokens'

import getChatInputTokens, {
    ResponsiveChatInputTokensType,
} from '../components/ChatInput/chatInput.tokens'
import {
    getTagV2Tokens,
    ResponsiveTagV2Tokens,
} from '../components/TagV2/tagV2.tokens'
import {
    getAlertV2Tokens,
    ResponsiveAlertV2Tokens,
} from '../components/AlertV2/alertV2.tokens'
import {
    getAccordionV2Tokens,
    ResponsiveAccordionV2Tokens,
} from '../components/AccordionV2/accordionV2.tokens'
import {
    getSnackbarV2Tokens,
    ResponsiveSnackbarV2Tokens,
} from '../components/SnackbarV2/snackbarV2.tokens'
import {
    getSwitchV2Tokens,
    ResponsiveSwitchV2Tokens,
} from '../components/SelectorV2/SwitchV2/switchV2.tokens'
import {
    getSingleSelectV2Tokens,
    ResponsiveSingleSelectV2Tokens,
} from '../components/SingleSelectV2/singleSelectV2.tokens'
import {
    getMultiSelectV2Tokens,
    ResponsiveMultiSelectV2Tokens,
} from '../components/MultiSelectV2/multiSelectV2.tokens'
import {
    getAvatarV2Tokens,
    ResponsiveAvatarV2Tokens,
} from '../components/AvatarV2/avatarV2.tokens'
import {
    getTextInputV2Tokens,
    ResponsiveTextInputV2Tokens,
} from '../components/InputsV2/TextInputV2/TextInputV2.tokens'
import {
    getTextAreaV2Tokens,
    ResponsiveTextAreaV2Tokens,
} from '../components/InputsV2/TextAreaV2/TextAreaV2.tokens'
import {
    getChartV2Tokens,
    ResponsiveChartV2Tokens,
} from '../components/ChartsV2/chartV2.tokens'
import {
    getTimelineTokens,
    ResponsiveTimelineTokens,
} from '../components/Timeline/timeline.token'
import {
    getCheckboxV2Tokens,
    ResponsiveCheckboxV2Tokens,
} from '../components/SelectorV2/CheckboxV2/checkboxV2.tokens'
import {
    getKeyValuePairV2Tokens,
    ResponsiveKeyValuePairV2Tokens,
} from '../components/KeyValuePairV2/keyValuePairV2.tokens'
import {
    getStatCardV2Tokens,
    ResponsiveStatCardV2Tokens,
} from '../components/StatCardV2/statcardV2.tokens'

import {
    getTooltipV2Tokens,
    ResponsiveTooltipV2Tokens,
} from '../components/TooltipV2/tooltipV2.tokens'
import {
    getRadioV2Tokens,
    ResponsiveRadioV2Tokens,
} from '../components/SelectorV2/RadioV2/radioV2.tokens'
import {
    getPopoverV2Tokens,
    ResponsivePopoverV2Tokens,
} from '../components/PopoverV2/popoverV2.token'
import {
    getSidebarV2Tokens,
    ResponsiveSidebarV2Tokens,
} from '../components/SidebarV2/sidebarV2.tokens'
import {
    getTabsV2Tokens,
    ResponsiveTabsV2Tokens,
} from '../components/TabsV2/tabsV2.tokens'
import {
    getCodeEditorV2Tokens,
    ResponsiveCodeEditorV2Tokens,
} from '../components/CodeEditorV2/codeEditorV2.tokens'
import {
    getProgressBarV2Tokens,
    ResponsiveProgressBarV2Tokens,
} from '../components/ProgressBarV2/progressBarV2.tokens'
import {
    getStepperV2Tokens,
    ResponsiveStepperV2Tokens,
} from '../components/StepperV2/stepperV2.tokens'

import {
    getBreadcrumbV2Tokens,
    ResponsiveBreadcrumbV2Tokens,
} from '../components/BreadcrumbV2/breadcrumbV2.tokens'
import {
    ResponsiveMultiValueInputV2Tokens,
    getMultiValueInputV2Tokens,
} from '../components/InputsV2/MultiValueInputV2/MultiValueInputV2.tokens'
import {
    getNumberInputV2Tokens,
    ResponsiveNumberInputV2Tokens,
} from '../components/InputsV2/NumberInputV2/numberInputV2.tokens'
import {
    ResponsiveOTPInputV2Tokens,
    getOTPInputV2Tokens,
} from '../components/InputsV2/OTPInputV2/OTPInputV2.tokens'
import {
    ResponsiveBadgeTokens,
    getBadgeTokens,
} from '../components/Badge/badge.tokens'
import {
    ResponsiveSearchInputV2Tokens,
    getSearchInputV2Tokens,
} from '../components/InputsV2/SearchInputV2/SearchInputV2.tokens'
import {
    ResponsiveChatInputV2TokensType,
    getChatInputV2Tokens,
} from '../components/InputsV2/ChatInputV2/ChatInputV2.tokens'
import {
    getChatInputV2MobileTokens,
    ChatInputV2MobileTokensType,
} from '../components/InputsV2/ChatInputV2/ChatInputV2Mobile.tokens'
import {
    ResponsiveUploadV2Tokens,
    getUploadV2Tokens,
} from '../components/InputsV2/UploadV2/UploadV2.tokens'
import { getModalV2Tokens } from '../components/ModalV2/modalV2.tokens'
import type { ResponsiveModalV2Tokens } from '../components/ModalV2/modalV2.tokens.types'
import { getTimePickerTokens } from '../components/TimePicker/timePicker.tokens'
import type { ResponsiveTimePickerTokens } from '../components/TimePicker/timePicker.tokens.types'
import {
    getSliderTokens,
    ResponsiveSliderTokens,
} from '../components/Slider/slider.tokens'
import {
    getSelectTokens,
    ResponsiveSelectTokens,
} from '../components/Select/select.tokens'
export type ComponentTokenType = {
    TAGS?: ResponsiveTagTokens
    SEARCH_INPUT?: ResponsiveSearchInputTokens
    TEXT_AREA?: ResponsiveTextAreaTokens
    TEXT_AREA_V2?: ResponsiveTextAreaV2Tokens
    RADIO?: ResponsiveRadioTokens
    SWITCH?: ResponsiveSwitchTokens
    TEXT_INPUT?: ResponsiveTextInputTokens
    NUMBER_INPUT?: ResponsiveNumberInputTokens
    ALERT?: ResponsiveAlertTokens
    OTP_INPUT?: ResponsiveOTPInputTokens
    TOOLTIP?: ResponsiveTooltipTokens
    UNIT_INPUT?: ResponsiveUnitInputTokens
    MULTI_VALUE_INPUT?: ResponsiveMultiValueInputTokens
    DROPDOWN_INPUT?: ResponsiveDropdownInputTokens
    CHECKBOX?: ResponsiveCheckboxTokens
    TABS?: ResponsiveTabsTokens
    BUTTON?: ResponsiveButtonTokens
    MODAL?: ResponsiveModalTokens
    BREADCRUMB?: ResponsiveBreadcrumbTokens
    POPOVER?: ResponsivePopoverTokens
    MENU?: ResponsiveMenuTokensType
    MENU_V2?: ResponsiveMenuV2TokensType
    MULTI_SELECT?: ResponsiveMultiSelectTokens
    SINGLE_SELECT?: ResponsiveSingleSelectTokens
    TABLE?: ResponsiveTableTokens
    CALENDAR?: ResponsiveCalendarTokens
    TIME_PICKER?: ResponsiveTimePickerTokens
    ACCORDION?: ResponsiveAccordionTokens
    STAT_CARD?: ResponsiveStatCardTokens
    PROGRESS_BAR?: ResponsiveProgressBarTokens
    DRAWER?: ResponsiveDrawerTokens
    CHARTS?: ResponsiveChartTokens
    SNACKBAR?: ResponsiveSnackbarTokens
    STEPPER?: ResponsiveStepperTokens
    KEYVALUEPAIR?: ResponsiveKeyValuePairTokens
    CARD?: ResponsiveCardTokens
    CARDV2?: ResponsiveCardV2Tokens
    SKELETON?: ResponsiveSkeletonTokens
    SPINNER?: ResponsiveSpinnerTokens
    EMPTY_STATE?: ResponsiveEmptyStateTokens
    TOPBAR?: ResponsiveTopbarTokens
    TOPBARV2?: ResponsiveTopbarV2Tokens
    AVATAR?: ResponsiveAvatarTokens
    AVATAR_GROUP?: ResponsiveAvatarGroupTokens
    SIDEBAR?: ResponsiveSidebarTokens
    DIRECTORY?: ResponsiveDirectoryTokens
    MOBILE_NAVIGATION?: ResponsiveMobileNavigationTokens
    MOBILE_NAVIGATION_V2?: ResponsiveMobileNavigationV2Tokens
    UPLOAD?: ResponsiveUploadTokens
    CODE_BLOCK?: ResponsiveCodeBlockTokens
    BUTTON_GROUP?: ResponsiveButtonGroupTokens
    CHAT_INPUT?: ResponsiveChatInputTokensType
    CHAT_INPUTV2?: ResponsiveChatInputV2TokensType
    TIMELINE?: ResponsiveTimelineTokens
    BUTTONV2?: ResponsiveButtonV2Tokens
    TAGV2?: ResponsiveTagV2Tokens
    ALERTV2?: ResponsiveAlertV2Tokens
    ACCORDIONV2?: ResponsiveAccordionV2Tokens
    SNACKBARV2?: ResponsiveSnackbarV2Tokens
    SWITCHV2?: ResponsiveSwitchV2Tokens
    SINGLE_SELECT_V2?: ResponsiveSingleSelectV2Tokens
    MULTI_SELECT_V2?: ResponsiveMultiSelectV2Tokens
    AVATARV2?: ResponsiveAvatarV2Tokens
    TEXT_INPUTV2?: ResponsiveTextInputV2Tokens
    CHARTSV2?: ResponsiveChartV2Tokens
    CHECKBOXV2?: ResponsiveCheckboxV2Tokens
    KEYVALUEPAIRV2?: ResponsiveKeyValuePairV2Tokens
    STATCARDV2?: ResponsiveStatCardV2Tokens
    TOOLTIPV2?: ResponsiveTooltipV2Tokens
    RADIOV2?: ResponsiveRadioV2Tokens
    POPOVERV2?: ResponsivePopoverV2Tokens
    SIDEBARV2?: ResponsiveSidebarV2Tokens
    TABSV2?: ResponsiveTabsV2Tokens
    BREADCRUMBV2?: ResponsiveBreadcrumbV2Tokens
    CODEEDITORV2?: ResponsiveCodeEditorV2Tokens
    PROGRESS_BARV2?: ResponsiveProgressBarV2Tokens
    MULTI_VALUE_INPUT_V2?: ResponsiveMultiValueInputV2Tokens
    NUMBER_INPUT_V2?: ResponsiveNumberInputV2Tokens
    OTP_INPUTV2?: ResponsiveOTPInputV2Tokens
    BADGE?: ResponsiveBadgeTokens
    SEARCH_INPUT_V2?: ResponsiveSearchInputV2Tokens
    CHAT_INPUTV2_MOBILE?: ChatInputV2MobileTokensType
    STEPPERV2?: ResponsiveStepperV2Tokens
    UPLOADV2?: ResponsiveUploadV2Tokens
    MODALV2?: ResponsiveModalV2Tokens
    SLIDER?: ResponsiveSliderTokens
    SELECT?: ResponsiveSelectTokens
}

export type DeepPartial<T> = T extends readonly unknown[]
    ? T
    : T extends object
      ? { [key in keyof T]?: DeepPartial<T[key]> }
      : T

export type ComponentTokenOverrides = DeepPartial<ComponentTokenType>

type ThemeContextType = {
    foundationTokens: ThemeType
    componentTokens: Required<ComponentTokenType>
    breakpoints: typeof BREAKPOINTS
    theme: Theme | string
}

const ThemeContext = createContext<ThemeContextType>({
    foundationTokens: FOUNDATION_THEME,
    componentTokens: {
        TAGS: getTagTokens(FOUNDATION_THEME, Theme.LIGHT),
        SEARCH_INPUT: getSearchInputTokens(FOUNDATION_THEME),
        TEXT_AREA: getTextAreaTokens(FOUNDATION_THEME),
        RADIO: getRadioTokens(FOUNDATION_THEME),
        SWITCH: getSwitchTokens(FOUNDATION_THEME),
        TEXT_INPUT: getTextInputTokens(FOUNDATION_THEME),
        NUMBER_INPUT: getNumberInputTokens(FOUNDATION_THEME),
        ALERT: getAlertTokens(FOUNDATION_THEME),
        OTP_INPUT: getOTPInputTokens(FOUNDATION_THEME),
        TOOLTIP: getTooltipTokens(FOUNDATION_THEME),
        UNIT_INPUT: getUnitInputTokens(FOUNDATION_THEME),
        MULTI_VALUE_INPUT: getMultiValueInputTokens(FOUNDATION_THEME),
        DROPDOWN_INPUT: getDropdownInputTokens(FOUNDATION_THEME),
        CHECKBOX: getCheckboxTokens(FOUNDATION_THEME),
        TABS: getTabsTokens(FOUNDATION_THEME),
        BUTTON: getButtonTokens(FOUNDATION_THEME),
        MODAL: getModalComponentTokens(FOUNDATION_THEME),
        BREADCRUMB: getBreadcrumbTokens(FOUNDATION_THEME),
        POPOVER: getPopoverTokens(FOUNDATION_THEME),
        MENU: getMenuTokens(FOUNDATION_THEME),
        MENU_V2: getMenuV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        MULTI_SELECT: getMultiSelectTokens(FOUNDATION_THEME),
        SINGLE_SELECT: getSingleSelectTokens(FOUNDATION_THEME),
        TABLE: getTableToken(FOUNDATION_THEME, Theme.LIGHT),
        CALENDAR: getCalendarToken(FOUNDATION_THEME, Theme.LIGHT),
        TIME_PICKER: getTimePickerTokens(FOUNDATION_THEME),
        ACCORDION: getAccordionToken(FOUNDATION_THEME),
        STAT_CARD: getStatCardToken(FOUNDATION_THEME),
        PROGRESS_BAR: getProgressBarTokens(FOUNDATION_THEME),
        DRAWER: getDrawerComponentTokens(FOUNDATION_THEME),
        CHARTS: getChartTokens(FOUNDATION_THEME),
        SNACKBAR: getSnackbarTokens(FOUNDATION_THEME),
        STEPPER: getStepperTokens(FOUNDATION_THEME),
        KEYVALUEPAIR: getKeyValuePairTokens(FOUNDATION_THEME),
        CARD: getCardTokens(FOUNDATION_THEME),
        CARDV2: getCardV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        TOPBAR: getTopbarTokens(FOUNDATION_THEME),
        TOPBARV2: getTopbarV2Tokens(FOUNDATION_THEME),
        SKELETON: getSkeletonTokens(FOUNDATION_THEME, Theme.LIGHT),
        SPINNER: getSpinnerTokens(FOUNDATION_THEME, Theme.LIGHT),
        EMPTY_STATE: getEmptyStateTokens(FOUNDATION_THEME, Theme.LIGHT),
        AVATAR: getAvatarTokens(FOUNDATION_THEME),
        AVATAR_GROUP: getAvatarGroupTokens(FOUNDATION_THEME, Theme.LIGHT),
        SIDEBAR: getSidebarTokens(FOUNDATION_THEME),
        DIRECTORY: getDirectoryTokens(FOUNDATION_THEME, Theme.LIGHT),
        MOBILE_NAVIGATION: getMobileNavigationTokens(
            FOUNDATION_THEME,
            Theme.LIGHT
        ),
        MOBILE_NAVIGATION_V2: getMobileNavigationV2Tokens(
            FOUNDATION_THEME,
            Theme.LIGHT
        ),
        UPLOAD: getUploadTokens(FOUNDATION_THEME),
        CODE_BLOCK: getCodeBlockTokens(FOUNDATION_THEME, Theme.LIGHT),
        BUTTON_GROUP: getButtonGroupTokens(FOUNDATION_THEME, Theme.LIGHT),
        CHAT_INPUT: getChatInputTokens(FOUNDATION_THEME),
        BUTTONV2: getButtonV2Tokens(FOUNDATION_THEME),
        TAGV2: getTagV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        ALERTV2: getAlertV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        ACCORDIONV2: getAccordionV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        SNACKBARV2: getSnackbarV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        SWITCHV2: getSwitchV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        AVATARV2: getAvatarV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        TEXT_INPUTV2: getTextInputV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        TEXT_AREA_V2: getTextAreaV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        CHARTSV2: getChartV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        TIMELINE: getTimelineTokens(FOUNDATION_THEME, Theme.LIGHT),
        SINGLE_SELECT_V2: getSingleSelectV2Tokens(
            FOUNDATION_THEME,
            Theme.LIGHT
        ),
        MULTI_SELECT_V2: getMultiSelectV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        CHECKBOXV2: getCheckboxV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        KEYVALUEPAIRV2: getKeyValuePairV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        STATCARDV2: getStatCardV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        TOOLTIPV2: getTooltipV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        RADIOV2: getRadioV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        POPOVERV2: getPopoverV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        SIDEBARV2: getSidebarV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        TABSV2: getTabsV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        BREADCRUMBV2: getBreadcrumbV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        CODEEDITORV2: getCodeEditorV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        PROGRESS_BARV2: getProgressBarV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        MULTI_VALUE_INPUT_V2: getMultiValueInputV2Tokens(
            FOUNDATION_THEME,
            Theme.LIGHT
        ),
        NUMBER_INPUT_V2: getNumberInputV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        OTP_INPUTV2: getOTPInputV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        BADGE: getBadgeTokens(FOUNDATION_THEME, Theme.LIGHT),
        SEARCH_INPUT_V2: getSearchInputV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        CHAT_INPUTV2: getChatInputV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        CHAT_INPUTV2_MOBILE: getChatInputV2MobileTokens(
            FOUNDATION_THEME,
            Theme.LIGHT
        ),
        STEPPERV2: getStepperV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        UPLOADV2: getUploadV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        MODALV2: getModalV2Tokens(FOUNDATION_THEME, Theme.LIGHT),
        SLIDER: getSliderTokens(FOUNDATION_THEME, Theme.LIGHT),
        SELECT: getSelectTokens(FOUNDATION_THEME, Theme.LIGHT),
    },
    breakpoints: BREAKPOINTS,
    theme: 'light',
})

export const useTheme = () => {
    const context = useContext(ThemeContext)
    if (!context) {
        throw new Error('useTheme must be used within a ThemeProvider')
    }
    return context
}

export default ThemeContext