King

components/Faces.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import {
+    King,
+} from '../graphics'
+
+const useStyles = makeStyles(theme => ({
+    maxIconSize: {
+        maxHeight: 100,
+        maxWidth: 100,
+        margin: 4
+    }
+}));
+
+export default function Faces() {
+    const classes = useStyles();
+    const color = '#212121'
+    return (
+        <React.Fragment>
+            <King />
+        </React.Fragment>
+    );
+}

components/index.js

@@ -3,11 +3,13 @@ import Dropdown from "./Dropdown";
 import Icons from "./Icons";
 import Ranks from "./Ranks";
 import Suits from "./Suits";
+import Faces from "./Faces";
 
 export {
     ButtonExamples,
     Dropdown,
     Icons,
     Ranks,
     Suits,
+    Faces,
 };