import { Link } from './Link';
import { TLinkSharedProps } from '@/components/link/types/TLinkSharedProps';

export type TNavigationLinkProps = TLinkSharedProps & {
  isActive: boolean;
};

export function NavigationLink(props: TNavigationLinkProps): React.ReactElement {
  const colorScheme = props.isActive ? 'text-gray-ui after:bg-gray-ui pointer-events-none' : 'text-gray-ui/50';

  return (
    <Link {...props} size={'lg'} colorScheme={colorScheme} innerRef={props.innerRef}>
      {props.children}
    </Link>
  );
}