mirror of
https://github.com/vitalityAI/office.git
synced 2025-04-09 14:00:17 -04:00
17 lines
535 B
TypeScript
17 lines
535 B
TypeScript
import Link from "next/link";
|
|
|
|
const OutlineButton = ({name="", className="", link="", onClick=()=>{}}) => {
|
|
const btn = <button className={`w-fit px-2 py-1 text-md md:px-4 md:py-2 md:text-base text-pink border-solid border-2 border-pink bg-pink bg-opacity-0 hover:bg-opacity-10 transition-all ease-in-out ${className}`} onClick={onClick}>{name}</button>
|
|
|
|
if(link.length > 0){
|
|
return <Link href={link} passHref>
|
|
<a target='_blank'>
|
|
{btn}
|
|
</a>
|
|
</Link>
|
|
}
|
|
|
|
return btn;
|
|
}
|
|
|
|
export default OutlineButton |