import styled from 'styled-components/native';
import { TypographyProps, typography } from 'styled-system';

import { BaseTheme } from '../../../theme/base';
import {
  customTypography,
  CustomTypographyProps,
} from '../../../theme/customProps/customTypography';
import {
  TextVariantProps,
  textVariant,
} from '../../../theme/customProps/textVariant';

export type StyledTextProps = TypographyProps<BaseTheme> &
  TextVariantProps &
  CustomTypographyProps;

export const StyledText = styled.Text<StyledTextProps>`
  ${typography}
  ${textVariant}
  ${customTypography}
`;