import * as React from 'react';
import * as ReactDOM from 'react-dom';
import {
    Accordion,
    AccordionItem,
    AccordionItemHeading,
    AccordionItemPanel,
} from '../../src';

ReactDOM.render(
    <div id="classic-accordion">
        <Accordion>
            <AccordionItem>
                <AccordionItemHeading>Heading One</AccordionItemHeading>
                <AccordionItemPanel>
                    Sunt in reprehenderit cillum ex proident qui culpa fugiat
                    pariatur aliqua nostrud consequat consequat enim quis sit
                    consectetur ad aute ea ex eiusmod id esse culpa et pariatur
                    ad amet pariatur pariatur dolor quis.
                </AccordionItemPanel>
            </AccordionItem>
            <AccordionItem>
                <AccordionItemHeading>Heading Two</AccordionItemHeading>
                <AccordionItemPanel>
                    Velit tempor dolore commodo voluptate id do nulla do ut
                    proident cillum ad cillum voluptate deserunt fugiat ut sed
                    cupidatat ut consectetur consequat incididunt sed in culpa
                    do labore ea incididunt ea in eiusmod.
                </AccordionItemPanel>
            </AccordionItem>
            <AccordionItem>
                <AccordionItemHeading>Heading Three</AccordionItemHeading>
                <AccordionItemPanel>
                    Lorem ipsum esse occaecat voluptate duis incididunt amet
                    eiusmod sunt commodo sunt enim anim ea culpa ut tempor
                    dolore fugiat exercitation aliquip commodo dolore elit esse
                    est ullamco velit et deserunt.
                </AccordionItemPanel>
            </AccordionItem>
        </Accordion>
    </div>,
    document.body.appendChild(document.createElement('div')),
);

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import {
    Accordion,
    AccordionItem,
    AccordionItemHeading,
    AccordionItemPanel,
} from '../../src';

// tslint:disable-next-line no-import-side-effect
import '../../src/css/minimal-example.css';

ReactDOM.render(
    <div id="classic-accordion">
        <Accordion>
            <AccordionItem>
                <AccordionItemHeading>Heading One</AccordionItemHeading>
                <AccordionItemPanel>
                    Sunt in reprehenderit cillum ex proident qui culpa fugiat
                    pariatur aliqua nostrud consequat consequat enim quis sit
                    consectetur ad aute ea ex eiusmod id esse culpa et pariatur
                    ad amet pariatur pariatur dolor quis.
                </AccordionItemPanel>
            </AccordionItem>
            <AccordionItem>
                <AccordionItemHeading>Heading Two</AccordionItemHeading>
                <AccordionItemPanel>
                    Velit tempor dolore commodo voluptate id do nulla do ut
                    proident cillum ad cillum voluptate deserunt fugiat ut sed
                    cupidatat ut consectetur consequat incididunt sed in culpa
                    do labore ea incididunt ea in eiusmod.
                </AccordionItemPanel>
            </AccordionItem>
            <AccordionItem>
                <AccordionItemHeading>Heading Three</AccordionItemHeading>
                <AccordionItemPanel>
                    Lorem ipsum esse occaecat voluptate duis incididunt amet
                    eiusmod sunt commodo sunt enim anim ea culpa ut tempor
                    dolore fugiat exercitation aliquip commodo dolore elit esse
                    est ullamco velit et deserunt.
                </AccordionItemPanel>
            </AccordionItem>
        </Accordion>
    </div>,
    document.body.appendChild(document.createElement('div')),
);

Add minimal styles to integration tests
Add minimal styles to integration tests
