mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-24 01:48:18 +03:00
16 lines
608 B
TypeScript
16 lines
608 B
TypeScript
import type { FC, PropsWithChildren, ReactNode } from 'react';
|
|
import { Card, CardBody, CardFooter, CardHeader } from 'reactstrap';
|
|
import './ChartCard.scss';
|
|
|
|
type ChartCardProps = PropsWithChildren<{
|
|
title: Function | string;
|
|
footer?: ReactNode;
|
|
}>;
|
|
|
|
export const ChartCard: FC<ChartCardProps> = ({ title, footer, children }) => (
|
|
<Card role="document">
|
|
<CardHeader className="chart-card__header">{typeof title === 'function' ? title() : title}</CardHeader>
|
|
<CardBody>{children}</CardBody>
|
|
{footer && <CardFooter className="chart-card__footer--sticky">{footer}</CardFooter>}
|
|
</Card>
|
|
);
|