cascnauipackages/lib/src/documentTitle/index.js

Repo for Common Components for CASCNA

/* Index file for Document Title to be used in different components */

/* Imports files and packages */
import React from 'react';
import { View, Text, ViewPropTypes } from 'react-native';
import PropTypes from 'prop-types';
import styles from './styles';
import STRING_CONSTANTS from '../../constants/stringConstants';

/* Props assigemnts (constructor) */
const DocumentTitle = (props) => {
  const {
    title,
    textStyle,
    subTitle,
    extraPadding,
  } = props;
  const { titleStyle, container } = styles;
  return (
    <View style={container}>
      <Text style={[titleStyle, textStyle]}>{title}</Text>
      <Text style={[titleStyle, textStyle]}>{subTitle}</Text>
      <View style={{ width: extraPadding }} />
    </View>
  );
};

export default DocumentTitle;

/* Defining PropTypes */
DocumentTitle.propTypes = {
  title: PropTypes.string,
  subTitle: PropTypes.string,
  textStyle: ViewPropTypes.style,
  extraPadding: PropTypes.number,
};

/* Defining Default Props */
DocumentTitle.defaultProps = {
  title: STRING_CONSTANTS.EMPTY,
  subTitle: STRING_CONSTANTS.EMPTY,
  textStyle: {},
  extraPadding: 0,
};