import { c as create_ssr_component, k as each, e as escape } from './ssr-IdY0EU5r.js';

const css = {
  code: "pre.svelte-jkjeqd{font-size:0.875rem;line-height:1.25rem;overflow:auto;border:none;box-shadow:none;background:none;padding:0;font-family:system-ui;color:black;white-space:pre-wrap}",
  map: null
};
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  let messages = [
    [
      "Ты - бот, ассистент. Ты помогаешь пользователю с его запросами. Отвечай на русском языке, если пользователь не указал иное. Обращайся на Вы. Следуй инструкциям и указаниям пользователя.",
      "Я отвечаю на русском языке!"
    ]
  ];
  new AbortController();
  $$result.css.add(css);
  return `   <div class="h-screen flex flex-col py-8"><div class="flex-1 overflow-y-auto p-4 bg-gray-200">${each(messages.slice(1), (message) => {
    return `<div class="mb-2 flex flex-col"><div class="mb-2 flex flex-col"><p class="font-bold text-sm" data-svelte-h="svelte-rp9yxd">Вы:</p> <div class="self-start bg-blue-500 text-white p-2 rounded-lg"><p class="text-sm">${escape(message[0])}</p></div> <p class="font-bold text-sm" data-svelte-h="svelte-1l7fbwv">Бот:</p> <div class="self-start bg-slate-100 text-black p-2 rounded-lg"><pre class="text-sm svelte-jkjeqd">${escape(message[1])}</pre> </div></div> </div>`;
  })}</div> <div class="p-4 bg-gray-300"><div class="flex"><textarea class="flex-1 py-2 px-3 rounded-md border-gray-300" placeholder="Введите ваше сообщение...">${escape("")}</textarea> ${``} ${`<button class="ml-2 px-4 py-2 bg-blue-500 text-white rounded-md" data-svelte-h="svelte-121gmt7">Отправить</button>`}</div></div> </div>`;
});

export { Page as default };
//# sourceMappingURL=_page.svelte-gXQJiziC.js.map