import React from "react";
import Link from "@docusaurus/Link";
import clsx from "clsx";

type Props = {
    className?: string;
};

export const CommonHomeButton = ({ className }: Props) => {
    return (
        <Link
            href="/"
            className={clsx(
                "text-base",
                "text-gray-500 dark:text-gray-400",
                "no-underline",
                "transition-colors",
                "duration-200",
                "ease-in-out",
                "whitespace-nowrap",
                className,
            )}
        >
            OpenPanel Home
        </Link>
    );
};