backpack-ui/src/components/text/textSuper.jsx

Lonely Planet's Components

import React from "react";
import PropTypes from "prop-types";
import radium from "radium";
import Heading from "./textHeading";
import { textSuper } from "../../utils/typography";
import propTypes from "../../utils/propTypes";

const TextSuper = (props) => (
  <Heading
    {...props}
    level={1}
    style={[textSuper(), props.style]}
  >
    {props.children}
  </Heading>
);

TextSuper.propTypes = {
  children: PropTypes.node.isRequired,
  style: propTypes.style,
};

export default radium(TextSuper);