import React from 'react';
import { StyleSheet, Text, TextProps } from 'react-native';

import { slate400 } from '../../utils/colors';

interface AdditionalProps extends TextProps {}

const Additional = ({ children, style, ...props }: AdditionalProps) => {
  return (
    <Text {...props} style={[styles.additional, style]}>
      {children}
    </Text>
  );
};

export default Additional;

const styles = StyleSheet.create({
  additional: {
    fontSize: 14,
    lineHeight: 18,
    textAlign: 'center',
    color: slate400,
    marginTop: 10,
    fontFamily: 'DINOT-Medium',
  },
});
