backpack-ui/src/components/authorName/index.jsx

Lonely Planet's Components

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

const styles = Object.assign({}, {
  color: "inherit",
}, textUppercase());

const AuthorName = ({ children, style }) => (
  <div
    className="AuthorName"
    itemProp="author"
    style={[styles, style]}
  >
    {children}
  </div>
);

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

export default radium(AuthorName);