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" asChild className={
                        isActive ? "bg-accent size-12" : "size-12"
                    }>
                        <div>
                            <Discord className="size-full p-2" />
                        </div>
                    </Button>
                )
            }
        </NavLink>
    )
}