Create src folder for shlink-web-component

shlink-web-component/src/visits/charts/ChartCard.tsx

@@ -0,0 +1,16 @@
+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>
+);