refactor: make stickers use panel base view

1 files changed, 6 insertions, 0 deletions

diff --git a/apps/web/src/components/editor/panel-base-view.tsx b/apps/web/src/components/editor/panel-base-view.tsx
index 4acadafb..6e92c616 100644
--- a/apps/web/src/components/editor/panel-base-view.tsx
+++ b/apps/web/src/components/editor/panel-base-view.tsx
@@ -11,6 +11,7 @@ interface PanelBaseViewProps {
   tabs?: {

     value: string;

     label: string;

+    icon?: React.ReactNode;

     content: React.ReactNode;

   }[];

   className?: string;

@@ -56,6 +57,11 @@ export function PanelBaseView({
               <TabsList>

                 {tabs.map((tab) => (

                   <TabsTrigger key={tab.value} value={tab.value}>

+                    {tab.icon ? (

+                      <span className="inline-flex items-center mr-1">

+                        {tab.icon}

+                      </span>

+                    ) : null}

                     {tab.label}

                   </TabsTrigger>

                 ))}