export default function Back(Props: Button.Back) {
    const {
        href,
        ariaLabel,
        className = "bg-blue-800 hover:bg-blue-900 active:bg-blue-950",
    } = Props;

    return (
        <a
            href={href}
            aria-label={ariaLabel}
            rel="prev"
            target="_top"
            className={`rotate-180 text-white transition-all font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center me-2 my-auto mx-2 ${className}`}
        >
            <svg
                className="w-4 h-4"
                aria-hidden="true"
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 14 10"
            >
                <path
                    stroke="currentColor"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    strokeWidth="2"
                    d="M1 5h12m0 0L9 1m4 4L9 9"
                />
            </svg>
        </a>
    );
}