mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-01 18:00:26 +00:00
Hazem Krimi
31 lines
637 B
TypeScript
31 lines
637 B
TypeScript
import Image from 'next/image';
|
|
import { Props } from './types';
|
|
import { StyledButton, StyledLink } from './styles';
|
|
|
|
const IconButton = ({
|
|
alt,
|
|
icon,
|
|
href,
|
|
target,
|
|
onClick,
|
|
className,
|
|
width = 24,
|
|
height = 24,
|
|
}: Props) =>
|
|
href ? (
|
|
<StyledLink
|
|
href={href}
|
|
target={target}
|
|
onClick={onClick}
|
|
className={className}
|
|
>
|
|
<Image alt={alt} src={icon} width={width} height={height} />
|
|
</StyledLink>
|
|
) : (
|
|
<StyledButton onClick={onClick} className={className}>
|
|
<Image alt={alt} src={icon} width={width} height={height} />
|
|
</StyledButton>
|
|
);
|
|
|
|
export default IconButton;
|