mediahub-fe/app/[locale]/(protected)/charts/rechart/charts-rechart-bar/tiny-bar.tsx

26 lines
634 B
TypeScript

"use client"
import { useTheme } from "next-themes";
import { colors } from "@/lib/colors";
import { useConfig } from "@/hooks/use-config";
import { ResponsiveContainer, BarChart, Bar } from 'recharts';
import { data } from "./data";
const TinyBar = ({ height = 300 }) => {
const { theme: mode } = useTheme();
return (
<ResponsiveContainer height={height}>
<BarChart height={height} data={data} >
<Bar
dataKey="uv"
fill={colors.primary}
/>
</BarChart>
</ResponsiveContainer>
);
};
export default TinyBar;