From b970e0206806374faa4e42d105193d81b5d709df Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Tue, 5 Jan 2021 22:51:37 +0100
Subject: [PATCH] Add icon button component

---
 components/IconButton.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 components/IconButton.tsx

diff --git a/components/IconButton.tsx b/components/IconButton.tsx
new file mode 100644
index 0000000..f714e0c
--- /dev/null
+++ b/components/IconButton.tsx
@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import styled from 'styled-components';
+import Image from 'next/image';
+
+const Btn = styled.button`
+	display: inline;
+	cursor: pointer;
+	background: none;
+	border: none;
+	color: none;
+	outline: none;
+`;
+
+export interface Props {
+	icon: string;
+	onClick?: () => void;
+}
+
+const IconButton: FC<Props> = ({ icon, onClick }) => {
+	return (
+		<Btn onClick={onClick}>
+			<Image src={icon} alt='Icon Button' width={24} height={24} />
+		</Btn>
+	);
+};
+
+export default IconButton;