import { cookies } from '../consts/cookies';

function CookiesPage() {
  return (
    <div className="flex flex-col gap-10 py-10">
      <div className="flex flex-col gap-4">
        <p className="font-medium heading1">Политика использования Cookies</p>
        <p className="w-3/4 text2 max-lg:w-full">
          ООО "ГРАФФИНТЕРАКТИВ" (далее — ГРАФФИНТЕРАКТИВ) обрабатывает данные,
          указанные в настоящем документе (далее — Политика), собранные в
          процессе использования посетителями нашего веб-сайта. При нажатии
          кнопки «Принять» в окне-уведомлении об обработке Cookies, Вы даете
          свое согласие на обработку Ваших Cookies. Вы также можете отказаться
          от обработки Cookies в соответствии с пунктом 5 настоящей Политики.
        </p>
      </div>
      <div>
        {cookies.map(({ content, title }, index) => (
          <CookieItem title={title} content={content} key={index} />
        ))}
      </div>
    </div>
  );
}

function CookieItem({ title, content }: { title: string; content: string[] }) {
  return (
    <div className="col-span-full grid grid-cols-4 py-6 border-t border-[#3D425C] last:border-b gap-x-2">
      <p className="w-full font-medium heading2 max-lg:col-span-2">{title}</p>
      <p className="w-full col-span-2 col-start-2 col-end-4 space-y-4 text2 max-lg:col-span-2">
        {content.map((item, index) => (
          <p key={index}>{item}</p>
        ))}
      </p>
    </div>
  );
}

export default CookiesPage;
