import { StyleSheet } from 'react-native';

import type { StrictTheme } from '../../theme';
import { getLineHeight } from '../../utils';
import type { LabelStyles } from './types';

export const getThemedStyles = (theme: StrictTheme): LabelStyles => {
  const {
    components,
    tokens: { colors, fontSizes, fontWeights },
  } = theme;

  return StyleSheet.create({
    text: {
      fontSize: fontSizes.medium,
      fontWeight: fontWeights.normal,
      lineHeight: getLineHeight(fontSizes.medium),
      ...components?.label?.text,
    },
    primary: {
      color: colors.font.primary,
      ...components?.label?.primary,
    },
    secondary: {
      color: colors.font.secondary,
      ...components?.label?.secondary,
    },
    tertiary: {
      color: colors.font.tertiary,
      ...components?.label?.tertiary,
    },
    error: {
      color: colors.font.error,
      ...components?.label?.error,
    },
    warning: {
      color: colors.font.warning,
      ...components?.label?.warning,
    },
    success: {
      color: colors.font.success,
      ...components?.label?.success,
    },
    info: {
      color: colors.font.info,
      ...components?.label?.info,
    },
  });
};