Scaffold out UI components
This commit is contained in:
23
src/components/Footer/Footer.tsx
Normal file
23
src/components/Footer/Footer.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import React from "react";
|
||||
|
||||
import { Droid } from "phosphor-react";
|
||||
import "./Footer.css";
|
||||
|
||||
type FooterProps = {};
|
||||
|
||||
const Footer: React.FC<FooterProps> = () => {
|
||||
return (
|
||||
<footer>
|
||||
<span role="img" aria-label="Emoji of female technologist, male technologist, and cat">👩🏻💻👨🏻💻🐱</span>
|
||||
<div>Copyright © 2020 Phosphor Icons</div>
|
||||
<div>
|
||||
Phosphor Icons is designed by{" "}
|
||||
<a href="https://helenazhang.com">Helena Zhang</a> & built by{" "}
|
||||
<a href="https://tobiasfried.com">Tobias Fried</a>, with love.
|
||||
</div>
|
||||
<button style={{ display: "flex", alignItems: "center", padding: 8 }}>Phosphor for <Droid /></button>
|
||||
</footer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
Reference in New Issue
Block a user