import { BaseTable } from "../../../../../components/BaseTable/BaseTable.tsx";
import { ParsedCityBreakdownSchema } from "../../../../../client";
import { useBreakdownByCityTableColumns } from "../hooks/useBreakdownByCityTableColumns.tsx";

type Props = {
    breakdowns: ParsedCityBreakdownSchema[];
}

const BreakdownByCityTable = ({ breakdowns }: Props) => {
    const columns = useBreakdownByCityTableColumns();

    return (
        <BaseTable
            data={breakdowns}
            columns={columns}
            w={"30%"}

            restProps={{
                enableSorting: false,
                enableRowActions: false,
                enableTopToolbar: false,
                enableColumnActions: false,
            }}
        />
    );
};

export default BreakdownByCityTable;
