import type { ComponentType } from "react";
import { type LinkProps, Link as RouterLink } from "react-router";
import useLoginLoaderLocation from "../hooks/useLoginLoaderLocation.ts";

export default function LoginLink({
  component: Link = RouterLink,
  data = {},
  ...props
}: Omit<LinkProps, "to"> & {
  component?: ComponentType<LinkProps>;
  data?: Record<string, string>;
}) {
  const loginLoaderLocation = useLoginLoaderLocation(data);

  return <Link to={loginLoaderLocation} replace {...props} />;
}