mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-02 02:10:27 +00:00
Hazem Krimi
34 lines
599 B
TypeScript
34 lines
599 B
TypeScript
import { FC } from 'react';
|
|
import styled from 'styled-components';
|
|
import Image from 'next/image';
|
|
interface Props {
|
|
icon: string;
|
|
width?: number;
|
|
height?: number;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
const Btn = styled.button`
|
|
cursor: pointer;
|
|
background: none;
|
|
border: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
`;
|
|
|
|
const IconButton: FC<Props & { className?: string }> = ({
|
|
icon,
|
|
onClick,
|
|
className,
|
|
width = 24,
|
|
height = 24
|
|
}) => {
|
|
return (
|
|
<Btn onClick={onClick} className={className}>
|
|
<Image src={icon} width={width} height={height} />
|
|
</Btn>
|
|
);
|
|
};
|
|
|
|
export default IconButton;
|