mediahub-fe/app/[locale]/(protected)/charts/rechart/charts-rechart-line/custom-tooltip.tsx

15 lines
435 B
TypeScript

const CustomTooltip = ({ active, payload }:any) => {
if (active && payload) {
return (
<div className="bg-slate-900 text-primary-foreground p-3 rounded-md space-x-2 rtl:space-x-reverse ">
<span>{`${payload[0].name}`}</span>
<span>:</span>
<span>{`${payload[0].value}%`}</span>
</div>
);
}
return null;
};
export default CustomTooltip