Táto príručka dokumentuje celý MDX systém tohto webu. Každá stránka a každý článok je písaný vo formáte **MDX** — Markdown s vlastnými React komponentmi. Nemusíš vedieť programovať; stačí poznať správnu syntax — táto príručka ti ju ukáže pre každý komponent s živou ukážkou. Pre každý komponent nájdeš stručný popis, zoznam vlastností a blok **Vzorový kód** so syntaxou. Hneď pod ním je **živá ukážka** — presne tak sa komponent zobrazí v článku. _{Každý `.mdx` súbor musí začínať **frontmatter** blokom ohraničeným tromi pomlčkami `---`. Tento blok je neviditeľný v texte článku, ale nastavuje jeho metadáta.

**Cesty k obrázkom:** vždy píš absolútnu cestu od koreňa priečinka `/public`, napr. `/images/psychologie/uvod.jpg`. Nikdy nepoužívaj relatívnu cestu `./obrazok.jpg`.
```yaml
---
title: "Kognitívna psychológia — úvod"
publishedAt: "2026-04-13"
subtitle: "Prehľad základných pojmov a princípov"
summary: "Stručný úvod do kognitívnej psychológie."
tags: ["Psychológia", "Kognitívna veda"]
toc: false
---
```

```yaml
---
title: "Ergonomická klávesnica Logitech MX Keys"
publishedAt: "2026-02-20"
subtitle: "Prémiová kompaktná klávesnica"
summary: "Podrobná recenzia: haptický dojem, batéria, kompatibilita."
images:
- "/images/projekty/klavesnica/01.jpg"
- "/images/projekty/klavesnica/02.jpg"
imagesRatio: "16/9"
tags: ["Hardware", "Recenzia"]
---
```

### Navigátor obsahu (TOC)

Navigátor sa deaktivuje poľom `toc: false`. Zobrazí sa ako bočný panel na desktope; na mobile ho nahradí tlačidlo v pravom rohu. Rozpoznáva nadpisy `##`, `###` a komponent `` (pokiaľ nemá `noToc`). Nadpis `#` (H1) je ignorovaný — titul článku sa berie z frontmatter `title`.

**Vnorené zoznamy:** vždy používaj **dve medzery** pred pomlčkou (` - vnorená`), nie tabulátor. Tabulátor môže spôsobiť nesprávne renderovanie.**Nadpisy v akademických textoch:** namiesto `##` a `###` odporúčam `` a `` — vizuálne bohatší štýl ladíci s akademickými kartami._{Každý JSX tag musí byť správne uzavretý — buď párovým tagom `...`, alebo samouzatváracím ``. Nikdy nenechávaj tag otvorený.

_{### Spoločné princípy — prop `type` a `background`

Väčšina komponentov zdieľa prop `type` (farebná téma) a `background` (intenzita pozadia). Farebné témy sa automaticky prispôsobujú svetlému aj tmavému režimu.}}

_{### Zvýraznené bloky a upozornenia

#### `` — Informačný blok s ikonou

Zvýraznený blok dostupný vo všetkých ôsmich farebných variantách. Má hlavičku, ikonu a telo textu. Variant `"code"` je ideálny pre vzorové kódy — týmto typom sú obalené aj všetky vzorové kódy v tejto príručke.

- `title` — nadpis bloku *(povinné)*
- `type` — farebná téma *(predvolené: `"info"`)*
- `background` — `"tinted"` / `"solid"` *(predvolené: `"tinted"`)*
- `children` — obsah bloku *(povinné)*

Blok s `type="code"` je automaticky horizontálne scrollovateľný, ak obsah (napr. dlhý riadok kódu) preteká šírku bloku. Nie je potrebný žiadny ďalší atribút.

```jsx

Tu je obsah bloku. Môže obsahovať **tučný text** alebo `kód`.

```

Základný informačný blok. Vhodný pre všeobecné poznámky a doplňujúce informácie.
Upozornenie na potenciálne riziká alebo dôležitú podmienku, ktorú treba splniť.
Odporúčaný alebo overený postup, ktorý zaručuje správny výsledok.
Zakázaný postup alebo kritická chyba, ktorá spôsobí problémy pri renderovaní.
Blok pre ukážky syntaxe a kódu.
Osobný komentár alebo tematicky odlíšená poznámka — vhodné pre autorský hlas.
Najdôležitejšia pasáž alebo kľúčový poznaток, ktorý si čitateľ nesmie nechať ujsť.
Všeobecná poznámka bez farebnej sémantiky.

_{#### `` — Odsadený blok s farebným okrajom

Ľahšia alternatíva k `` bez hlavičky a ikony. Pozadie je vždy priehľadné — zvýrazní sa len ľavý okraj farbou podľa `type`. Vhodné pre krátke komentáre a okrajové poznámky priamo v toku textu.

- `type` — farebná téma *(predvolené: `"info"`)*
- `children` — obsah bloku *(povinné)*

```jsx

Cesty k obrázkom nikdy nezadávaj relatívne — vždy absolutne od /public.

```

Doplňujúca informácia alebo editorský komentár v toku textu.
Upozornenie na bežnú chybu alebo dôležitú podmienku.
Osvedčený postup alebo pozitívna poznámka.
Zakázaný postup — spôsobí chybu alebo nesprávny výsledok.
Kľúčový poznaток dostupný priamo v texte — bez rámčeka.
Technická poznámka alebo odkaz na kód v texte.
Osobná poznámka alebo alternatívny pohľad autora.
Neutrálna poznámka bez emočného zafarbenia.

_{#### `` — Karta definície pojmu

Karta s farebnou hlavičkou a telom textu. Ideálna pre zavedenie nového pojmu alebo definovanie kľúčového konceptu na začiatku sekcie.

- `title` — názov definovaného pojmu *(povinné)*
- `type` — farebná téma *(predvolené: `"info"`)*
- `children` — definičný text *(povinné)*

```jsx

Krátkodobý systém na dočasné uchovávanie a manipuláciu s informáciami počas kognitívneho spracovania.

```

Množstvo mentálneho úsilia vynaloženého na spracovanie informácií v pracovnej pamäti. Vysoká kognitívna záťaž znižuje efektivitu učenia a bráni prenosu do dlhodobej pamäti.

_{#### `` — Záverečný blok kľúčových bodov

Prominentnejší ako `` — má väčšiu hlavičku, farebnú lištu navrchu a ikonu záložky. Odporúča sa umiestniť na koniec dlhšej sekcie alebo celého článku ako zhrnutie poznatkov.

- `title` — nadpis bloku *(predvolené: `"Zhrnutie"`)*
- `type` — farebná téma *(predvolené: `"success"`)*
- `children` — obsah bloku *(povinné)*

```jsx

- Pracovná pamäť má obmedzenú kapacitu (7 ± 2 prvkov)
- Aktívne opakovanie posilňuje dlhodobé zapamätanie
- Rozdelenie pozornosti znižuje retenciu

```

- Pracovná pamäť má obmedzenú kapacitu — podľa Millera (1956) circa 7 ± 2 prvkov
- Aktívne opakovanie (retrieval practice) posilňuje dlhodobé zapamätanie
- Rozdelenie pozornosti medzi viacero stimulov znižuje retenciu informácií

_{### Formátovanie textu a oddeľovače

#### `` — Inline pill-štítok odborného pojmu

Malý farebný pill priamo v texte — zvýrazňuje odborné pojmy, názvy teórií alebo kľúčové koncepty. Voliteľný prop `note` zobrazí vysvetlivku v tooltipe po prejdení kurzorom.

- `type` — farebná téma *(predvolené: `"info"`)*
- `note` — text tooltipu pri hover *(nepovinné)*
- `children` — text štítku *(povinné)*

```jsx
Teória kognitívnej disonancie predpokladá, že nesúlad medzi
disonantnými kogníciami
motivuje zmenu správania.
```

Teória kognitívnej disonancie predpokladá, že nesúlad medzi disonantnými kogníciami motivuje zmenu správania alebo presvedčení.

_{#### `` — Tooltip s vysvetlením pojmu

Obalí text do interaktívneho tooltipu. Vizuálne diskrétnejší ako `` — text je len podčiarknutý bodkovanou čiarou, bez farebného pozadia. Vhodné pre výkladový slovník priamo v texte.

- `definition` — text definície zobrazený v tooltipe *(povinné)*
- `children` — obalený text s podčiarknutím *(povinné)*

```jsx
Podľa behaviorizmu možno psychologické javy vysvetliť podmieňovaním.
```

Podľa behaviorizmu možno psychologické javy vysvetliť podmieňovaním.

_{#### `_{` — Dekoratívny oddeľovač sekcií

Tri farebné bodky — vizuálne oddelí dve tématické sekcie. Prop `type` mení farbu bodiek. Nemá žiadny viditeľný text; `children` sú ignorované. Typicky sa umiestňuje za každou sekciou pred nasledujúcim nadpisom.

- `type` — farebná téma *(predvolené: `"info"`)*

```jsx
_{_```}

_{_{### Akademické a študijné karty

#### `` — Karta akademickej témy

Univerzálna karta pre akúkoľvek akademickú tému — autora, psychologickú školu, anatomickú štruktúru, experiment alebo výskumnú metódu. Prop `variant` vyberá tematickú ikonu v záhlaví. Je to vylepšená a generická verzia staršieho ``.

- `title` — hlavný nadpis karty *(povinné)*
- `subtitle` — vedľajší text — rok narodenia/smrti, oblasť, ... *(nepovinné)*
- `badge` — farebný štítok v záhlaví (napr. odbor) *(nepovinné)*
- `variant` — tematická ikona — 14 hodnôt, pozri živé ukážky nižšie *(predvolené: `"theory"`)*
- `type` — farebná téma *(predvolené: `"info"`)*
- `children` — telo karty *(nepovinné)*

```jsx

Švajčiarský psychológ, zakladateľ teórie kognitívneho vývinu. Rozdelil vývoj
do štyroch štádií: senzomotorické, predoperačné, konkrétne operačné a formálne operačné.

```

**Živé ukážky všetkých 14 hodnôt `variant`:**

Švajčiarský psychológ, zakladateľ teórie kognitívneho vývinu. Rozdelil vývoj do štyroch štádií: senzomotorické, predoperačné, konkrétne operačné a formálne operačné.

Smer zdôrazňujúci úlohu vnútorných mentálnych procesov (pamäť, pozornosť, jazyk) v psychológii. Vznikol ako reakcia na obmedzenia behaviorizmu.

Kľúčová štruktúra pre tvorbu dlhodobých spomienok a priestorovú navigáciu. Poškodenie hipokampu vedie k anterográdnej amnézii.

Nepodmienený podnet (jedlo) → nepodmienená reakcia (sliny). Po opakovanom párovaní so zvončekom vzniká podmienená reakcia — základ klasického podmieňovania.

Skupina psychických porúch bez organického podkladu s jasnou väzbou na psychickú záťaž — zahŕňa úzkostné poruchy, fóbie a OCD.

Štandardizovaný postup Mary Ainsworthové na meranie typu citovej väzby dieťaťa sledovaním jeho reakcie na odchod a návrat matky.

Smer obmedzujúci psychológiu výlučne na pozorovateľné správanie — odmietol introspekciu a vnútorné duševné stavy ako predmet vedy.

Nepríjemný stav napätia vznikajúci pri nesúlade dvoch kognicií (myšlienok, presvedčení). Motivuje zmenu postojov alebo správania.

Projektívna metóda využívajúca 10 symetrických atramentových škvŕn. Odpovede respondenta sa analyzujú z hľadiska obsahu, formy a lokalizácie.

Závažná duševná porucha s pozitívnymi príznakmi (bludy, halucinácie) a negatívnymi príznakmi (emocionálna oploštálosť, avólia).

Najlepšie empiricky overená forma psychoterapie. Zameriava sa na identifikáciu a zmenu dysfunkčných myšlienkových vzorcov a správania.

Kultúrna dimenzia opisujúca mieru, do akej sa ľudia definujú cez skupinu (kolektivizmus) alebo cez individuálne ciele (individualizmus).

Správanie nasledované pozitívnym dôsledkom sa posilní; správanie nasledované negatívnym dôsledkom sa oslabí. Predchodca Skinnerovho operantného podmieňovania.

Simulovaná väzenská situácia odhalila extrémnu silu situačných faktorov na správanie. Experiment musel byť predčasne ukončený pre eskalujúcu agresivitu „dozorcov".

_{#### `` + `` — Slovník pojmov

Sémantický zoznam pre párovú terminológiu — pojem + definícia. Pre krátke definície použi prop `definition="..."`. Pre dlhší text alebo formátovanie použi obsah vnútri tagu ``.

**`` props:**
- `type` — farebná téma *(predvolené: `"info"`)*

**`` props:**
- `name` — názov pojmu *(povinné)*
- `definition` — krátka definícia ako text *(nepovinné — alternatíva k children)*
- `children` — dlhší obsah s formátovaním *(nepovinné)*

```jsx

Premena informácie do pamäťovej stopy.
Stabilizácia pamäťovej stopy — prebieha najmä počas spánku.

Reaktivácia uloženej informácie. Rozlišujeme **rozoznávanie** (recognition)
a **voľnú reprodukciu** (free recall).

```

Premena senzorických vstupov do pamäťovej stopy.
Stabilizácia pamäťovej stopy po počiatočnom kódovaní — prebieha najmä počas spánku.
Reaktivácia uloženej informácie. Rozlišujeme **rozoznávanie** (recognition) a **voľnú reprodukciu** (free recall).

_{#### `` — Skratka a mnemotechnická pomôcka

Blok pre akronymy a pamäťové pomôcky. Zobrazí veľké, letter-spaced slovo a popis v záhlaví s farebnou akcentom. Pod záhlavím sa zobrazí obsah — zvyčajne zoznam mapujúci každé písmeno na pojem.

- `word` — akronym alebo mnemotechnická skratka *(povinné)*
- `title` — popis skratky *(povinné)*
- `type` — farebná téma *(predvolené: `"info"`)*
- `children` — obsah (zvyčajne zoznam) *(nepovinné)*

```jsx

- **O**penness to experience — otvorenosť skúsenostiam
- **C**onscientiousness — svedomitosť
- **E**xtraversion — extraverzia
- **A**greeableness — prívetivosť
- **N**euroticism — neurotizmus

```

- **O**penness to experience — otvorenosť skúsenostiam
- **C**onscientiousness — svedomitosť
- **E**xtraversion — extraverzia
- **A**greeableness — prívetivosť
- **N**euroticism — neurotizmus

_{#### `` — Akademická citácia

Existuje v dvoch režimoch. **Citát** (prop `quote`) zobrazí štylizovaný blockquote s atribúciou. **Bibliografický záznam** (bez `quote`) zobrazí kompaktnú citačnú linku pre koniec článku.

- `quote` — text citátu alebo parafrázy *(ak prítomný, zobrazí sa citát blok)*
- `direct` — `{true}` = priamy citát (kurzíva + „Citát"), `{false}` = parafrázovanie *(predvolené: `false`)*
- `author` — autor
- `page` — číslo stránky
- `citationIndex` — číslo citácie `[N]`
- `year` — rok vydania (bibliografický záznam)
- `book` — názov knihy (bibliografický záznam)
- `edition` — vydanie (bibliografický záznam)
- `publisher` — vydavateľ (bibliografický záznam)
- `isbn` — ISBN (bibliografický záznam)
- `type` — farebná téma *(predvolené: `"info"`)*

```jsx

```

```jsx

```

_{### Procesy, taxonómia a časové osi

#### `` + `` — Očíslované kroky

Vertikálna číslovaná sekvencia krokov s prepojovaciou líniou. `` nastavuje tému pre všetky kroky; `` je jedna položka s nadpisom a voliteľným popisom.

**`` props:**
- `type` — farebná téma *(predvolené: `"info"`)*

**`` props:**
- `title` — nadpis kroku *(povinné)*
- `children` — popis, kód alebo iný obsah *(nepovinné)*

```jsx

Pridaj nový .mdx súbor do správneho priečinka.
Vyplň povinné polia: title a publishedAt.
Použi Markdown a vlastné MDX komponenty.

```

Pridaj nový `.mdx` súbor do správneho priečinka sekcie.
Vyplň povinné polia: `title` a `publishedAt`. Ostatné sú voliteľné.
Použi štandardný Markdown a vlastné MDX komponenty podľa tejto príručky.
Otvor stránku v prehliadači a skontroluj zobrazenie.

_{#### `` — Vertikálna časová os

Vizualizuje chronologické udalosti ako vertikálny zoznam s farebnými bodkami a prepojovaciou líniou. Prop `items` sa zadáva ako JSON reťazec — vonkajšie úvodzovky jednoduché, vnútorné dvojité.

- `type` — farebná téma *(predvolené: `"info"`)*
- `items` — JSON pole objektov `{"date": "...", "text": "..."}` *(povinné)*

```jsx

```

_{#### `` — Vizuálny strom / taxonómia

Premení štandardný vnorený Markdown zoznam na vizuálny strom s L-tvarovanými spojovacími čiarami. Ideálne pre taxonómie, mindmapy alebo hierarchické klasifikácie. Obsah sa píše ako bežný Markdown zoznam vnútri tagu — odsazenie vytvárae hierarchiu.

- `type` — farebná téma *(predvolené: `"info"`)*
- `children` — vnorený Markdown zoznam *(povinné)*

```jsx

- Pamäť
- Senzorická
- Ikonická (zraková)
- Echoická (sluchová)
- Krátkodobá
- Pracovná pamäť
- Dlhodobá
- Explicitná
- Epizodická
- Sémantická
- Implicitná

```

- Pamäť
- Senzorická
- Ikonická (zraková)
- Echoická (sluchová)
- Krátkodobá
- Pracovná pamäť
- Dlhodobá
- Explicitná
- Epizodická
- Sémantická
- Implicitná (procedurálna)

_{### Interaktivita a učiace pomôcky

#### `` — Kartička pre aktívne opakovanie

Natívny `` element — otázka je vždy viditeľná, odpoveď sa odkryje po kliknutí. Ideálne pre skúškové otázky a aktívne opakovanie (retrieval practice).

- `question` — text otázky *(povinné)*
- `type` — farebná téma *(predvolené: `"info"`)*
- `children` — text odpovede *(nepovinné)*

```jsx

Pracovná pamäť je systém na dočasné uchovávanie a manipuláciu s informáciami.
Podľa Millera (1956) má kapacitu 7 ± 2 prvkov. Baddeley neskôr rozšíril model
o centrálnu výkonnú funkciu, fonologickú slučku a vizuálno-priestorovú notesnicu.

```

Pracovná pamäť je systém na dočasné uchovávanie a manipuláciu s informáciami počas myslenia. Podľa Millera (1956) má kapacitu **7 ± 2 prvkov**. Baddeley neskôr rozšíril model o centrálnu výkonnú funkciu, fonologickú slučku a vizuálno-priestorovú notesnicu.

_{#### `` + `` — Záložkový obsah

Interaktívny záložkový panel — každá záložka zobrazí iný obsah. `` je obal, `` je jedna záložka. Stav aktívnej záložky je klientsky (JavaScript).

**`` props:**
- `type` — farebná téma *(predvolené: `"info"`)*

**`` props:**
- `title` — text záložky *(povinné)*
- `children` — obsah záložky *(nepovinné)*

```jsx

Stručný úvod do témy.

Podrobnejší popis a príklady.

```

**Krátkodobá pamäť** (short-term memory) uchováva informácie po dobu niekoľkých sekúnd až minút. Kapacita je obmedzená — Miller (1956) hovorí o 7 ± 2 prvkoch.

**Dlhodobá pamäť** (long-term memory) má prakticky neobmedzenú kapacitu. Delí sa na explicitnú (deklaratívnu) a implicitnú (procedurálnu) zložku.

**Pracovná pamäť** (Baddeley, 1974) je aktívny systém kombinujúci krátkodobé uchovávanie s manipuláciou — centrálna výkonná funkcia, fonologická slučka, vizuálno-priestorová notesnica.

_{#### `` + `` — Skladacie sekcie

Obsah zobrazený až po kliknutí na nadpis. Vhodné pre FAQ, doplňujúci obsah alebo skúšateľné otázky, ktoré nechceš hneď odhaľovať.

**`` props:**
- `type` — farebná téma *(predvolené: `"info"`)*

**`` props:**
- `title` — viditeľný nadpis položky *(povinné)*
- `children` — obsah po rozbalení *(povinné)*

```jsx

Strata spomienok na udalosti **pred** poškodením mozgu.

Neschopnosť tvoriť **nové** spomienky po poškodení mozgu.

```

Strata spomienok na udalosti **pred** poškodením mozgu. Pacient si nepamätá minulosť, ale nové spomienky tvorí normálne.

Neschopnosť tvoriť **nové** spomienky po poškodení mozgu. Typicky spôsobená poranením hipokampu (prípad H. M.).

**Explicitná** (deklaratívna) — vedomé, zámerné vybavenie faktov a udalostí. **Implicitná** (procedurálna) — nevedomá pamäť zručností a návykov.

_{#### `` — Porovnanie dvoch konceptov

Dvojstĺpcový blok pre kontrastívne porovnanie dvoch pozícií, teórií alebo prístupov. Stĺpce sú oddelené centrovým odznakom „vs". `leftContent` a `rightContent` sa zadávajú ako JSON reťazce — vonkajšie úvodzovky jednoduché, vnútorné dvojité.

- `type` — farebná téma *(predvolené: `"info"`)*
- `leftTitle` — nadpis ľavého stĺpca *(povinné)*
- `rightTitle` — nadpis pravého stĺpca *(povinné)*
- `leftContent` — JSON pole bodiek ľavého stĺpca *(nepovinné)*
- `rightContent` — JSON pole bodiek pravého stĺpca *(nepovinné)*

```jsx

```

_{### Tabuľky, dáta a kód

#### `}}}}}}}}}}}}}}}}}}}}}

` — Dátová tabuľka s farebnou témou

Vlastná dátová tabuľka s plne prispôsobiteľnou farebnou témou. **Vonkajšie úvodzovky props musia byť jednoduché `'`, vnútorné JSON musí byť dvojité `"`**. Bunky s hodnotami `true`/`false`, `✓`/`×` apod. sa automaticky zobrazujú ako farebné ikony.

- `headers` — JSON pole reťazcov záhlaví *(nepovinné)*
- `rows` — JSON pole polí hodnôt riadkov *(povinné)*
- `type` — farebná téma *(predvolené: `"info"`)*
- `caption` — pruhový popis nad záhlavím *(nepovinné)*
- `background` — `"tinted"` (predvolené) / `"solid"` *(nepovinné)*
- `colored` — `{true}` (predvolené, farebné riadky) / `{false}` (sivé odtiene) *(nepovinné)*

```jsx

```

Vonkajšie úvodzovky props (`rows='...'`) musia byť **jednoduché**. Vnútri JSON musia byť **dvojité**. Zámiena spôsobí chybu pri parsovaní.

Bunky s hodnotami ako `true`, `false`, `áno`, `nie`, `✓`, `×` sa automaticky premenia na farebné ikony:

_{#### `` — Blok kódu so zvýraznením syntaxe

Blok so zvýraznením syntaxe a tlačidlom na skopírovanie. Pre viacero záložiek pridaj ďalšie objekty do poľa `codeInstances`. Vhodné pre technické články.

Podporované jazyky: `"javascript"` `"jsx"` `"typescript"` `"tsx"` `"css"` `"yaml"` `"bash"`

- `codeInstances` — JSON pole objektov `{"code": "...", "language": "...", "label": "..."}` *(povinné)*
- `copyButton` — tlačidlo kopírovania: `{true}` (predvolené) / `{false}` *(nepovinné)*
- `compact` — bez záhlavia: `{false}` (predvolené) / `{true}` *(nepovinné)*

```jsx

```

_{### Multimédiá

#### `` — Jeden obrázok s nastaviteľným vzhľadom

Komponent pre vkladanie jedného obrázka s plnou kontrolou nad pomerom strán. Na rozdiel od štandardnej Markdown syntaxe umožňuje zmeniť pomer strán a pridať gradientové pozadie pre obrázky s priehľadným podkladom.

- `src` — cesta k obrázku *(povinné)*
- `alt` — textový popis *(povinné — prístupnosť)*
- `aspectRatio` — pomer strán: `"16 / 9"` (predvolené), `"4 / 3"`, `"1 / 1"`, `"3 / 2"` *(nepovinné)*
- `background={true}` — tmavé gradientové pozadie pre obrázky s transparentným podkladom *(nepovinné)*
- `nozoom={true}` — zakáže zväčšenie po kliknutí *(nepovinné)*

```jsx

```

```jsx

```

_{#### `` — Interaktívny karusel

Karusel pre viacero obrázkov s podporou swipe na mobile. Obrázky sa zadávajú ako JSON reťazec — vonkajšie úvodzovky jednoduché, vnútorné dvojité.

- `images` — JSON pole objektov `{"src": "...", "alt": "..."}` *(povinné)*
- `height` — výška karuselu: napr. `"50vh"` alebo `"400px"` *(nepovinné, predvolené: `"60vh"`)*

```jsx

```

_{### Špeciálne komponenty pre recenzie

Tieto komponenty sú navrhnuté primárne pre recenzie hardvéru a produktov. `` a `` sú však univerzálne — výborne sa hodia aj pre filozofické profily, anatomické prehľady alebo akékoľvek kľúč-hodnota dáta.

#### `` + `` — Technické parametre

Responzívna mriežka pre prehľadné zobrazenie parametrov. `` je kontajner s voliteľnou témou; `` je jedna karta. Každý `` môže mať vlastný `type`, ktorý prepisuje tému griду.

**`` props:**
- `type` — predvolená farebná téma pre všetky `` bez vlastného `type` *(nepovinné)*

**`` props:**
- `label` — popis parametra *(povinné)*
- `value` — hodnota parametra *(povinné)*
- `type` — farebná téma *(predvolené: `"neutral"`)*

```jsx

```

_{#### `` — Klady a zápory

Dvojstĺpcový blok pre súhrn kladov a záporov. Variant `"hardware"` (predvolené) používa zelené/červené farby so symbolmi zaškrtnutia/x. Variant `"theory"` používa modré/oranžové farby s ikonami žiarovky/trojuholníka — vhodné pre akademické texty (prínosy/kritika teórie).

- `pros` — JSON pole textu kladov *(nepovinné)*
- `cons` — JSON pole textu záporov *(nepovinné)*
- `prosLabel` — nadpis kladov *(predvolené: `"Pros"`)*
- `consLabel` — nadpis záporov *(predvolené: `"Cons"`)*
- `variant` — `"hardware"` (predvolené) / `"theory"` *(nepovinné)*
- `background` — `"tinted"` (predvolené) / `"solid"` *(nepovinné)*

```jsx

```

```jsx

```

_{#### `` — Horizontálny porovnávací graf

Vizualizuje hodnoty ako horizontálne pruhy. Zvýraznený pruh (`"highlight": true`) sa zobrazí brand farbou — použi ho pre recenzovaný produkt. Prop `suffix` pridá jednotky za hodnotu.

- `title` — nadpis grafu *(nepovinné)*
- `suffix` — text za hodnotou, napr. `" fps"` alebo `" bodov"` *(nepovinné)*
- `data` — JSON pole objektov `{"label": "...", "value": N, "highlight": true/false}` *(povinné)*

```jsx

```

_{#### `` — Hodnotenie podľa kategórií

Progress bary pre hodnotenie jednotlivých aspektov. Škála je predvolene 0–10; môžeš ju zmeniť cez `"max"` v každej položke. Každá položka má `"label"` a `"score"`.

- `title` — nadpis bloku *(nepovinné)*
- `ratings` — JSON pole objektov `{"label": "...", "score": N, "max": N}` *(povinné)*

```jsx

```

_{#### `` — Celkové hodnotenie (SVG kruh)

SVG donut graf pre zobrazenie finálneho skóre recenzie. Props `score` a `max` sa bezpečne parsujú — možno zadať ako číslo (`{8.8}`) alebo reťazec (`"8.8"`).

- `score` — dosiahnuté skóre *(povinné)*
- `max` — maximálne skóre *(predvolené: `10`)*
- `label` — popis pod kruhom *(nepovinné)*

```jsx

```

_{### Tlačidlá a navigácia

#### `}}}}}}}}}

`, ``
- **Médiá:** ``, ``
- **Recenzie:** `` + ``, ``, ``, ``, ``
- **Navigácia:** `}