packages/instant/src/components/section_header.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import * as React from 'react';

import { ColorOption } from '../style/theme';

import { Text } from './ui/text';

export interface SectionHeaderProps {
    children?: React.ReactNode;
}
export const SectionHeader: React.StatelessComponent<{}> = props => {
    return (
        <Text
            letterSpacing="1px"
            fontColor={ColorOption.primaryColor}
            fontWeight={600}
            textTransform="uppercase"
            fontSize="12px"
        >
            {props.children}
        </Text>
    );
};