import { TextStyle } from 'react-native';

import { ColorsWithHue } from '../primitives/colors';
import {
  createCustomProps,
  CustomPropTypes,
} from '../../utils/createCustomProps';

export const customTypography = createCustomProps({
  textTransform: true,
  decorationStyle: {
    property: 'textDecorationStyle',
  },
  decorationLine: {
    property: 'textDecorationLine',
  },
  decorationColor: {
    property: 'textDecorationColor',
    scale: 'colors',
  },
  color: {
    property: 'color',
    scale: 'colors',
  },
});

export interface CustomTypographyProps {
  color?: CustomPropTypes<ColorsWithHue>;
  textTransform?: CustomPropTypes<TextStyle['textTransform']>;
  decorationStyle?: TextStyle['textDecorationStyle'];
  decorationLine?: TextStyle['textDecorationLine'];
  /**
   * Supported only on the Web platform
   */
  decorationColor?: CustomPropTypes<ColorsWithHue>;
}