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

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