Files
Airframe-React/app/routes/components/Dropdowns/Activity.js
2022-12-03 18:46:13 +01:00

46 lines
1.4 KiB
JavaScript
Executable File

import React from 'react';
import PropTypes from 'prop-types';
import { faker } from '@faker-js/faker/locale/fr';
import {
Media,
} from './../../../components';
const Activity = (props) => (
<React.Fragment>
<Media>
<Media left>
<span className="fa-stack fa-lg fa-fw d-flex mr-3">
<i className={ `fa fa-fw fa-stack-2x fa-stack-2x text-${ props.iconColorBelow } fa-${ props.iconBelow }` }></i>
<i className={ `fa fa-stack-1x fa-fw text-${ props.iconColor } fa-${ props.icon }` }></i>
</span>
</Media>
<Media body>
<span className="h6">
{ faker.name.firstName() } { faker.name.lastName() }
</span> changed Description to &quot;{ faker.random.words() }&quot;
<p className="mt-2 mb-1">
{ faker.lorem.sentence() }
</p>
<div className="small mt-2">
{ faker.date.past().toString() }
</div>
</Media>
</Media>
</React.Fragment>
)
Activity.propTypes = {
iconColorBelow: PropTypes.node,
iconBelow: PropTypes.node,
iconColor: PropTypes.node,
icon: PropTypes.node
};
Activity.defaultProps = {
iconColorBelow: "muted",
iconBelow: "circle",
iconColor: "white",
icon: "question",
};
export { Activity };