fix: ControlChip snippet

daangn · Jan 3, 2025 · ff4e48b · ff4e48b
1 parent 296c7ad
commit ff4e48b
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/docs/registry/ui/control-chip.tsx b/docs/registry/ui/control-chip.tsx
@@ -5,15 +5,18 @@ import * as React from "react";
 
 import "@seed-design/stylesheet/controlChip.css";
 
-export interface ControlChipProps extends SeedControlChip.RootProps {
+export interface ControlChipToggleProps extends SeedControlChip.RootProps {
   prefixIcon?: React.ReactNode;
 
   suffixIcon?: React.ReactNode;
 
   count?: number;
 }
 
-export const ControlChip = React.forwardRef<HTMLLabelElement, ControlChipProps>(
+export const ControlChipToggle = React.forwardRef<
+  HTMLLabelElement,
+  ControlChipToggleProps
+>(
   (
     { className, children, prefixIcon, suffixIcon, count, ...otherProps },
     ref,
@@ -34,7 +37,18 @@ export const ControlChip = React.forwardRef<HTMLLabelElement, ControlChipProps>(
     );
   },
 );
-ControlChip.displayName = "ControlChip";
+ControlChipToggle.displayName = "ControlChip.Toggle";
+
+export const ControlChip = Object.assign(
+  () => {
+    console.warn(
+      "ControlChip is a base component and should not be rendered. Use ControlChip.Toggle or ControlChip.Radio instead.",
+    );
+  },
+  {
+    Toggle: ControlChipToggle,
+  },
+);
 
 /**
  * This file is generated snippet from the Seed Design.