lookingglass/docs/src/components/Font.js
2020-02-10 09:06:20 -07:00

12 lines
421 B
JavaScript

import React from "React";
import classnames from "classnames";
import styles from "./fonts.module.css";
export default ({ name }) => {
const fontClass = { Nunito: "fontBody", "Fira Code": "fontMono" };
return (
<a href={`https://fonts.google.com/specimen/${name.split(" ").join("+")}`}>
<span className={classnames(styles.font, styles[fontClass[name]])}>{name}</span>
</a>
);
};