"use client"

import * as React from "react"
import { ReportRange, RevenueSlice } from "./types"
import { ReportsRevenueDonutChart } from "./reports-revenue-donut-chart"

interface RevenueByBrandChartProps {
    data: RevenueSlice[]
    range: ReportRange
    compact?: boolean
}

export const RevenueByBrandChart = React.memo(function RevenueByBrandChart({
    data,
    range,
    compact,
}: RevenueByBrandChartProps) {
    return (
        <ReportsRevenueDonutChart
            data={data}
            range={range}
            title="Revenue by Brand"
            subtitleSuffix="Top brands ($M)"
            emptyMessage="No brand breakdown"
            emptyDescription="Closed-won revenue with a brand (or Unassigned) appears here."
            compact={compact}
        />
    )
})