import InfoCstStatus from '@/components/InfoCstStatus';
import Divider from '@/components/ui/Divider';

function HelpConstituenta() {
  // prettier-ignore
  return (
  <div className='leading-tight'>
    <h1>Редактор конституент</h1>
    <p><b>Сохранить изменения</b>: Ctrl + S или клик по кнопке Сохранить</p>
    <p className='mt-1'><b>Формальное определение</b></p>
    <p>- Ctrl + Пробел после ввода первой буквы дополняет до незанятого имени</p>
    <p>- специальные конструкции вводятся с помощью кнопок снизу</p>
    <p className='mt-1'><b>Термин и Определение</b>: Ctrl + Пробел открывает диалог редактирования отсылок<br/>Перед открытием диалога переместите текстовый курсор на заменяемое слово или ссылку</p>
    <p className='mt-1'><b>Список конституент справа</b>: обратите внимание на настройки фильтрации</p>
    <p>- первая настройка - атрибуты конституенты</p>
    <p>- вторая настройка - принцип отбора конституент по графу термов</p>
    <p>- текущая конституента выделена цветом</p>
    <p>- двойной клик / Alt + клик - выбор редактируемой конституенты</p>
    <p>- при наведении на имя конституенты отображаются ее атрибуты</p>
    <p>- столбец "Описание" содержит один из непустых текстовых атрибутов</p>

    <Divider margins='my-2' />
    
    <InfoCstStatus title='Статусы' />
  </div>);
}

export default HelpConstituenta;