+ {/* Header controls */}
+
+ setData((prev) => ({ ...prev, title: e.target.value }))}
+ placeholder="Chart title"
+ className="max-w-[240px]"
+ />
+
+
+ setData((prev) => ({
+ ...prev,
+ unit: e.target.value || undefined,
+ }))
+ }
+ placeholder="Unit (e.g. %, $)"
+ className="max-w-[100px]"
+ />
+
+
+ {/* Spreadsheet grid */}
+
+
+ {/* Actions */}
+
+
+
+
+ {onCancel && (
+
+ )}
+
+
+
+
+ );
+}