Initial WinningHunter MVP
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
import Link from "next/link";
|
||||
import { ButtonHTMLAttributes } from "react";
|
||||
|
||||
export function Button({ className = "", ...props }: ButtonHTMLAttributes<HTMLButtonElement>) {
|
||||
return (
|
||||
<button
|
||||
className={`inline-flex items-center justify-center rounded-xl bg-violet-700 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-violet-800 disabled:cursor-not-allowed disabled:opacity-60 ${className}`}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
export function LinkButton({ href, className = "", children }: { href: string; className?: string; children: React.ReactNode }) {
|
||||
return (
|
||||
<Link href={href} className={`inline-flex items-center justify-center rounded-xl bg-violet-700 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-violet-800 ${className}`}>
|
||||
{children}
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
export function Card({ className = "", children }: { className?: string; children: React.ReactNode }) {
|
||||
return <div className={`rounded-3xl border border-slate-200 bg-white p-5 shadow-soft ${className}`}>{children}</div>;
|
||||
}
|
||||
Reference in New Issue
Block a user