import type { StyleProp } from 'react-native'
import { getClassName } from '../core'
import type { RNStyle, UnistylesValues } from '../types'
import { createUnistylesRef } from '../web/utils/createUnistylesRef'

export const getWebProps = <T>(style: StyleProp<RNStyle>) => {
    const styles = getClassName(style as UnistylesValues)
    const ref = createUnistylesRef<T>(styles)
    const [generatedStyles] = styles ?? []

    return {
        className: [
            generatedStyles?.hash,
            generatedStyles?.injectedClassName,
        ].filter(Boolean).join(' '),
        ref
    }
}