import React from 'react';
import { Flex, Text } from 'native-base';

interface PageTitleProps {
    primaryText: string;
    secondaryText: string;
}

export default function (props: PageTitleProps) {
    return <Flex
        height={"24"}
        pl="6"
        pr="6"
        pb="4"
        pt="4"
        borderBottomWidth={"1"}
        borderBottomColor="mini_border_gray"
    >
        <Flex bgColor="transparent" maxW="80%">
            <Text color="white" fontSize="lg">
                {props.primaryText}
            </Text>
            <Text color={"mini_text_gray"} fontSize="xs" >
                {props.secondaryText}
            </Text>
        </Flex>
    </Flex>
}