import type { CSSObject } from 'styled-components'
import type { InputSizeV2, InputStateV2 } from './inputV2.types'

export type FloatingLabelsV2Tokens = {
    placeholder: {
        color: {
            [key in InputStateV2]: CSSObject['color']
        }
        fontSize: {
            [key in InputSizeV2]: CSSObject['fontSize']
        }
        fontWeight: {
            [key in InputSizeV2]: CSSObject['fontWeight']
        }
        lineHeight: {
            [key in InputSizeV2]: CSSObject['lineHeight']
        }
    }
    required: {
        color: CSSObject['color']
    }
}

export type InputLabelsV2Tokens = {
    label: {
        fontSize: {
            [key in InputSizeV2]: CSSObject['fontSize']
        }
        fontWeight: {
            [key in InputSizeV2]: CSSObject['fontWeight']
        }
        lineHeight: {
            [key in InputSizeV2]: CSSObject['lineHeight']
        }
        color: {
            [key in InputStateV2]: CSSObject['color']
        }
    }
    subLabel: {
        fontSize: {
            [key in InputSizeV2]: CSSObject['fontSize']
        }
        fontWeight: {
            [key in InputSizeV2]: CSSObject['fontWeight']
        }
        lineHeight: {
            [key in InputSizeV2]: CSSObject['lineHeight']
        }
        color: {
            [key in InputStateV2]: CSSObject['color']
        }
    }
    required: {
        color: CSSObject['color']
    }
    helpIcon: {
        width: {
            [key in InputSizeV2]: CSSObject['width']
        }
        color: {
            [key in InputStateV2]: CSSObject['color']
        }
    }
}

export type InputFooterV2Tokens = {
    hintText: {
        fontSize: {
            [key in InputSizeV2]: CSSObject['fontSize']
        }
        fontWeight: {
            [key in InputSizeV2]: CSSObject['fontWeight']
        }
        lineHeight: {
            [key in InputSizeV2]: CSSObject['lineHeight']
        }
        color: {
            [key in InputStateV2]: CSSObject['color']
        }
    }
    errorMessage: {
        fontSize: {
            [key in InputSizeV2]: CSSObject['fontSize']
        }
        fontWeight: {
            [key in InputSizeV2]: CSSObject['fontWeight']
        }
        lineHeight: {
            [key in InputSizeV2]: CSSObject['lineHeight']
        }
        color: CSSObject['color']
    }
}