import { NavLink } from "react-router";
import Discord from "../icons/Discord";
import { Button } from "../ui/button";

export function HomeButton() {
    return (
        <NavLink to={`/app/@me`}>
            {({ isActive }) => (
                <Button variant="outline" size="none" className={isActive ? "bg-accent" : ""}>
                    <div className="size-12 p-2 flex items-center justify-center">
                        <Discord className="size-full" />
                    </div>
                </Button>
            )}
        </NavLink>
    );
}
