import React from 'react'; import { faker } from '@faker-js/faker/locale/fr'; import { Checkable, Container, Row, Col, Card, CardTitle, CardBody, Avatar, AvatarAddOn, Media, Button, ButtonGroup, ListGroup, ListGroupItem, Nav, NavItem, NavLink, CustomInput, Badge, } from './../../../components'; import { randomAvatar } from './../../../utilities'; import { HeaderMain } from "../../components/HeaderMain"; import { HeaderDemo } from "../../components/HeaderDemo"; const MediaObjects = () => ( { /* START Header 1 */} Media list and media object layouts )} /> { /* END Header 1 */} { /* START Section 1 */} { /* START Col6 1 */} Media: Default #1.01 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Link #1.02 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Right Badge #1.03 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Offline , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Busy , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Online Media: Right Checkbox #1.04 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Right Radio #1.05 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Left Icons #1.06 Success

{ faker.lorem.sentence() }

Danger

{ faker.lorem.sentence() }

Warning

{ faker.lorem.sentence() }

Media: Left Radio #1.07 { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Left Default #1.08 { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { /* END Col6 1 */} { /* START Col6 2 */} Media: Media: Color Header #1.09 { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> Media: Color Text #1.10 { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> Media: Status Icon #1.12 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Right Icon #1.13 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

Media: Right Button #1.14 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{' '} , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{' '} , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{' '} Media: Left Icons Single #1.15 Document PDF

{ faker.lorem.sentence() }

Document Word

{ faker.lorem.sentence() }

Document Excell

{ faker.lorem.sentence() }

Media: Left Checkbox #1.16 { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ /* END Col6 2 */} { /* END Section 1 */} { /* START Header 2 */} Media list and media object layouts )} /> { /* END Header 2 */} { /* START Section 2 */} { /* START Col6 1 */} Media: Default #2.01 , ]} /> { faker.name.firstName() } { faker.name.lastName() } •Now

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() } •Yesterday

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() } •12:23 PM

{ faker.lorem.sentence() }

Media: Default #2.02 , ]} /> { faker.name.firstName() } { faker.name.lastName() } Now

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() } Yesterday

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() } 12:23 PM

{ faker.lorem.sentence() }

Media: Header Small Below Text #2.03 , ]} />
{ faker.name.firstName() } { faker.name.lastName() }
{ faker.name.title() }

{ faker.lorem.sentence() }

, ]} />
{ faker.name.firstName() } { faker.name.lastName() }
{ faker.name.title() }

{ faker.lorem.sentence() }

, ]} />
{ faker.name.firstName() } { faker.name.lastName() }
{ faker.name.title() }

{ faker.lorem.sentence() }

{ /* END Col6 1 */} { /* START Col6 2 */} Media: Small Bottom Text #2.04 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }
{ faker.internet.url() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }
{ faker.internet.url() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }
{ faker.internet.url() }

Media: Button Group Bottom #2.05 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ /* END Col6 2 */} { /* END Section 2 */} { /* START Header 3 */} Media list and media object layouts )} /> { /* END Header 3 */} { /* START Section 3 */} { /* START Col6 1 */} Media: List Group #3.01 , ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

, ]} /> { faker.name.firstName() } { faker.name.lastName() }

{ faker.lorem.sentence() }

{ /* END Col6 1 */} { /* START Col6 2 */} Media: List Group #3.01 { /* END Col6 2 */} { /* END Section 3 */} ); export default MediaObjects;