import { FoundationTokenType } from '../../tokens/theme.token'
import type { ResponsiveKeyValuePairV2Tokens } from './keyValuePairV2.tokens.types'
import { KeyValuePairV2Size } from './keyValuePairV2.types'

export const getKeyValuePairV2DarkTokens = (
    foundationToken: FoundationTokenType
): ResponsiveKeyValuePairV2Tokens => {
    return {
        sm: {
            gap: {
                vertical: foundationToken.unit[4],
                horizontal: foundationToken.unit[32],
            },
            key: {
                color: foundationToken.colors.gray[500],
                fontSize: foundationToken.font.size.body.md.fontSize,
                fontWeight: foundationToken.font.weight[400],
                gap: foundationToken.unit[8],
            },
            value: {
                color: foundationToken.colors.gray[700],
                fontSize: {
                    [KeyValuePairV2Size.SM]:
                        foundationToken.font.size.body.md.fontSize,
                    [KeyValuePairV2Size.MD]:
                        foundationToken.font.size.body.lg.fontSize,
                    [KeyValuePairV2Size.LG]: 18,
                },
                fontWeight: foundationToken.font.weight[500],
                gap: foundationToken.unit[8],
            },
        },
        lg: {
            gap: {
                vertical: foundationToken.unit[4],
                horizontal: foundationToken.unit[32],
            },
            key: {
                color: foundationToken.colors.gray[50],
                fontSize: foundationToken.font.size.body.md.fontSize,
                fontWeight: foundationToken.font.weight[400],
                gap: foundationToken.unit[8],
            },
            value: {
                color: foundationToken.colors.gray[400],
                fontSize: {
                    [KeyValuePairV2Size.SM]:
                        foundationToken.font.size.body.md.fontSize,
                    [KeyValuePairV2Size.MD]:
                        foundationToken.font.size.body.lg.fontSize,
                    [KeyValuePairV2Size.LG]:
                        foundationToken.font.size.heading.sm.fontSize,
                },
                fontWeight: foundationToken.font.weight[500],
                gap: foundationToken.unit[8],
            },
        },
    }
}