Plan/Plan/react/dashboard/src/components/cards/common/InsightsFor30DaysCard.js

23 lines
709 B
JavaScript

import {useTranslation} from "react-i18next";
import {Card} from "react-bootstrap";
import {FontAwesomeIcon as Fa} from "@fortawesome/react-fontawesome";
import React from "react";
import {faLifeRing} from "@fortawesome/free-regular-svg-icons";
const InsightsFor30DaysCard = ({children}) => {
const {t} = useTranslation();
return (
<Card>
<Card.Header>
<h6 className="col-black">
<Fa icon={faLifeRing} className="col-red"/> {t('html.label.insights30days')}
</h6>
</Card.Header>
<Card.Body>
{children}
</Card.Body>
</Card>
)
}
export default InsightsFor30DaysCard;