/* eslint-disable react/forbid-component-props */
import Link from 'next/link';
import { Heading } from 'ui';

export function Header({ link, title }: { readonly link: string; readonly title: string }) {
  return (
    <div className="flex justify-between">
      <Heading size={2}>{title}</Heading>
      <Link href={link} className="text-primary-600 text-sm font-medium hover:underline" prefetch>
        Посмотреть условия
      </Link>
    </div>
  );
}