"use client";
/*
 * Documentation:
 * Pie Chart — https://app.subframe.com/f023064a5ca0/library?component=Pie+Chart_0654ccc7-054c-4f3a-8e9a-b7c81dd3963c
 */

import React from "react";
import * as SubframeCore from "@subframe/core";
import * as SubframeUtils from "../../utils";

export interface PieChartRootProps
  extends React.ComponentProps<typeof SubframeCore.PieChart> {
  className?: string;
}

const PieChartRoot = React.forwardRef<
  React.ElementRef<typeof SubframeCore.PieChart>,
  PieChartRootProps
>(function PieChartRoot({ className, ...otherProps }: PieChartRootProps, ref) {
  return (
    <SubframeCore.PieChart
      className={SubframeUtils.twClassNames("h-52 w-52", className)}
      ref={ref}
      colors={[
        "#3b82f6",
        "#bfdbfe",
        "#2563eb",
        "#93c5fd",
        "#1d4ed8",
        "#60a5fa",
      ]}
      {...otherProps}
    />
  );
});

export const PieChart = PieChartRoot;