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

Lonely Planet's Components

import React from "react";
import PropTypes from "prop-types";
import radium from "radium";
import colors from "../../styles/colors";
import { textBodySmall } from "../../utils/typography";
import propTypes from "../../utils/propTypes";
import { validReactAttributes } from "../../utils/validReactAttributes";

const styles = Object.assign({}, {
  color: colors.textPrimary,
  marginBottom: 0,
  marginTop: 0,
}, textBodySmall());

const TextBodySmall = (props) => (
  <p {...validReactAttributes(props)} style={[styles, props.style]}>
    {props.children}
  </p>
);

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

export default radium(TextBodySmall);