You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
889 B
43 lines
889 B
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @emails react-core
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import Flex from 'components/Flex';
|
|
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import {colors, fonts, media} from 'theme';
|
|
|
|
const MarkdownHeader = ({title}) => (
|
|
<Flex type="header" halign="space-between" valign="baseline">
|
|
<h1
|
|
css={{
|
|
color: colors.dark,
|
|
marginBottom: 0,
|
|
marginTop: 40,
|
|
...fonts.header,
|
|
|
|
[media.size('medium')]: {
|
|
marginTop: 60,
|
|
},
|
|
|
|
[media.greaterThan('large')]: {
|
|
marginTop: 80,
|
|
},
|
|
}}>
|
|
{title}
|
|
</h1>
|
|
</Flex>
|
|
);
|
|
|
|
MarkdownHeader.propTypes = {
|
|
title: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default MarkdownHeader;
|
|
|