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

import * as React from 'react';

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

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

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