Add icon button component

This commit is contained in:
Hazem Krimi
2021-01-05 22:51:37 +01:00
parent d458175671
commit b970e02068
+27
View File
@@ -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;