import React from 'react';
import faker from 'faker/locale/en_US';
import {
Container,
Row,
Col,
Button,
Card,
CardTitle,
CardBody,
CardText,
UncontrolledTooltip,
UncontrolledPopover,
PopoverHeader,
PopoverBody
} from './../../../components';
import { HeaderMain } from "../../components/HeaderMain";
import { HeaderDemo } from "../../components/HeaderDemo";
const TooltipsPopovers = () => (
{ /* START Header 1 */}
A rendered modal with header, body, and set of actions in the footer.
)}
/>
{ /* END Header 1 */}
{ /* START Section 1 */}
Tight pants next level keffiyeh you probably haven't heard of them.
Photo booth beard raw denim letterpress vegan messenger bag stumptown.
Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american
apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans
banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko
mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar,
scenester farm-to-table banksy Austin twitter handle freegan cred raw denim
single-origin coffee viral.
Default Tooltip
Another Tooltip
Another one here too
The last tip!
{ /* END Section 1 */}
{ /* START Header 2 */}
Four options are available: top, right, bottom, and left aligned.
)}
/>
{ /* END Header 2 */}
{ /* START Section 2 */}
Tooltip: Top
#2.01
Tooltip Top
Tooltip: Right
#2.02
Tooltip Right
Tooltip: Bottom
#2.03
Tooltip Bottom
Tooltip: Left
#2.03
Tooltip Left
{ /* END Section 2 */}
{ /* START Header 3 */}
Four options are available: top, right, bottom, and left aligned.
)}
/>
{ /* END Header 3 */}
{ /* START Section 3 */}
Popover: Top
#3.01
Top Popover
{ faker.lorem.paragraph() }
Popover: Right
#3.02
Right Popover
{ faker.lorem.paragraph() }