import { Meta, Story, Canvas, Source, ArgsTable } from '@storybook/addon-docs';
import '../../src/css/index.scss';

<Meta title="Base/Content Kitchen Sink" />

# Content kitchen sink
<p class="subtitle">An example of rich text content</p>
<section class="layout">

<Canvas>
<div class="wrap">
    <div class="row">
        <div class="col xs-12 rte">
            <h1>Heading one didn't melt fairer keepsakes since Fellowship elsewhere.</h1>
            <p>Woodlands payment Osgiliath tightening. Barad-dur follow belly comforts tender tough bell? Many that live deserve death. Some that die deserve life. Outwitted teatime grasp defeated before stones reflection corset seen animals Saruman's call?</p>
            <h2>Heading two tad survive ensnare joy mistake courtesy Bagshot Row.</h2>
            <p>Ligulas step drops both? You shall not pass! Tender respectable success Valar impressive unfriendly bloom scraped? Branch hey-diddle-diddle pony trouble'll sleeping during jump Narsil.</p>
            <h3>Heading three - North valor overflowing sort Iáve mister kingly money?</h3>
            <p>Curse you and all the halflings! Deserted anytime Lake-town burned caves balls. Smoked lthilien forbids Thrain?</p>
            <ul>
                <li>Adamant.</li>
                <li>Southfarthing!</li>
                <li>Witch-king.</li>
                <li>Precious.</li>
                <li>Gaffer's!</li>
            </ul>
            <h3>Heading three Narsil enjoying shattered bigger leaderless retrieve dreamed dwarf.</h3>
            <p>Ravens wonder wanted runs me crawl gaining lots faster! Ligulas step drops both? You shall not pass! Tender respectable success Valar impressive unfriendly bloom scraped? Branch hey-diddle-diddle pony trouble'll sleeping during jump Narsil. Khazad-dum surprise baby season ranks. I bid you all a very fond farewell.</p>
            <p>Woodlands payment Osgiliath tightening. Barad-dur follow belly comforts tender tough bell? Many that live deserve death. Some that die deserve life. Outwitted teatime grasp defeated before stones reflection corset seen animals Saruman's call? Curse you and all the halflings! Deserted anytime Lake-town burned caves balls. Smoked lthilien forbids Thrain?</p>
            <h3>Heading three example with paragraphs spaced between half to full line height.</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <p>Ravens wonder wanted runs me crawl gaining lots faster! Ligulas step drops both? You shall not pass! Tender respectable success Valar impressive unfriendly bloom scraped? Branch hey-diddle-diddle pony trouble'll sleeping during jump Narsil. Khazad-dum surprise baby season ranks. I bid you all a very fond farewell.</p>
            <ol>
                <li>Narsil.</li>
                <li>Elros.</li>
                <li>Arwen Evenstar.</li>
                <li>Maggot's?</li>
                <li>Bagginses?</li>
            </ol>
            <div class="table-container">
                <table>
                    <thead>
                        <tr>
                        <th>Cheese</th>
                        <th>Dangers</th>
                        <th>Playing</th>
                        <th>Window</th>
                        <th>Meaning</th>
                        <th>Pace</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                        <td>Current</td>
                        <td>living</td>
                        <td>odds</td>
                        <td>charged</td>
                        <td>heads</td>
                        <td>felt</td>
                        </tr>
                        <tr>
                        <td>Inn</td>
                        <td>climbing</td>
                        <td>destroying</td>
                        <td>overhead</td>
                        <td>roll</td>
                        <td>mud</td>
                        </tr>
                        <tr>
                        <td>Breath</td>
                        <td>relevant</td>
                        <td>éored</td>
                        <td>hinges</td>
                        <td>year</td>
                        <td>signed</td>
                        </tr>
                        <tr>
                        <td>Accept</td>
                        <td>threads</td>
                        <td>name</td>
                        <td>fitted</td>
                        <td>precious</td>
                        <td>attacked</td>
                        </tr>
                        <tr>
                        <td>Chief</td>
                        <td>sails</td>
                        <td>first-born</td>
                        <td>pottery</td>
                        <td>lever</td>
                        <td>antagonize</td>
                        </tr>
                        <tr>
                        <td>Unoccupied</td>
                        <td>victorious</td>
                        <td>means</td>
                        <td>lovely</td>
                        <td>humble</td>
                        <td>force</td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                        <td>kinsmen</td>
                        <td>give</td>
                        <td>walking</td>
                        <td>thousand</td>
                        <td>manners</td>
                        <td>burning</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <h4>Heading four afraid smithy Fellowship debt carven hooks.</h4>
            <p>What about second breakfast? Nags runt near Lindir lock discover level? Andûril breathe waited flatten union.</p>
            <p>Woodlands payment Osgiliath tightening. Barad-dur follow belly comforts tender tough bell? Many that live deserve death. Some that die deserve life. Outwitted teatime grasp defeated before stones reflection corset seen animals Saruman's call?</p>
            <h5>Heading five should Shirelings extraordinary spends poison's willing enchantment.</h5>
            <p>I think we should get off the road. Penalty sight splintered Misty Mountain mithril? Unrest lasts rode league bears absence Bracegirdle athletic contract nice parent slowed?.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h6>Heading six improve drops absolutely tight deceit potent Treebeard startled!</h6>
            <p>J.R.R. Tolkien 3000 uttered veins <q>roaring winds moaning flaming</q>. Meddle <ins>measure pure</ins> Samwise Gamgee business! <sub>Lied</sub> mistake Proudfoots pon. Instance 80 <dfn>morbid ceremonial plunge</dfn> Anor mad. Questions shells hangs noble Proudfoots <var>throws</var>. <mark>Rampart damage</mark> questions Chubbs 3000 conjurer? Single tempt peasants <strong>Bolg Athelas Mordor Wraiths Azog Undómiel</strong> mangler? <samp>Nori Giants Undómiel Rivendell</samp> spike posts took. Fool's Underhill boarded <cite>vanishing twilight unheard-of</cite>. <abbr>Presence</abbr> Dunland lamb lair. Barricade <sup>didn't</sup> feelings purring vine Morgoth. Distract Giants nearing champion <kbd>T</kbd>. Clothing titles quick bother <em>Arod Gloin Beren</em> troop? Balls crashing bastards <small>arrives precisely rascal</small> stubbornness Snowbourn. Hobbitses rose barren <a>strengths tested mirrors moonlight password</a> center? Remade <x-code>free filthy</x-code> breaking respect amuse Arod? Vengeance <del>Elessar Wolves</del> posts remain doorway said! <time>Suspects</time> fight Merry hungers locked yelp.</p>
        </div>
    </div>
</div></Canvas>

</section>
