import { Link } from "react-router-dom";

interface IProps {
  id?: string;
  toLink: string;
  text: string;
  classes?: string;
}

export function AnchorLinkElement(props: React.PropsWithChildren<IProps>) {
  return (
    <Link
      id={props.id}
      className={`text-indigo-600 hover:text-indigo-800 underline duration-300 text-sm ${props.classes}`}
      to={props.toLink}
    >
      {props.text}
    </Link>
  );
}
