Aidan
a3c7b47935
All checks were successful
Bump Dependencies / update-dependencies (push) Successful in 1m11s
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
interface ButtonProps {
|
|
href: string
|
|
label: string
|
|
icon?: React.ElementType
|
|
target?: string
|
|
className?: string
|
|
}
|
|
|
|
const Button: React.FC<ButtonProps> = ({ href, label, icon, target, className }) => {
|
|
return (
|
|
<Link
|
|
href={href}
|
|
className={className ? (
|
|
cn("inline-flex items-center bg-gray-800 text-white font-bold py-2 px-4 rounded-sm shadow-md transition-all duration-300 ease-in-out hover:bg-gray-700 hover:shadow-lg hover:-translate-y-0.5 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-gray-500", className)
|
|
) : (
|
|
"inline-flex items-center bg-gray-800 text-white font-bold py-2 px-4 rounded-sm shadow-md transition-all duration-300 ease-in-out hover:bg-gray-700 hover:shadow-lg hover:-translate-y-0.5 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
|
|
)}
|
|
target={target}
|
|
>
|
|
{icon && React.createElement(icon, { size: 20, className: "mr-2" })}
|
|
{label}
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
export default Button |