From 3ce2af9abe8edf70dad5a58388e2a625e657e4d6 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 18 Apr 2026 10:44:59 +0300
Subject: [PATCH] client/property sheet component: add support for CSS class
 names

---
 apps/client/src/widgets/react/PropertySheet.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/widgets/react/PropertySheet.tsx b/apps/client/src/widgets/react/PropertySheet.tsx
index d359bd41bb..0053ea4ddd 100644
--- a/apps/client/src/widgets/react/PropertySheet.tsx
+++ b/apps/client/src/widgets/react/PropertySheet.tsx
@@ -1,15 +1,16 @@
 import { ComponentChildren } from "preact";
+import clsx from "clsx";
 import "./PropertySheet.css";
 
-export function PropertySheet({ children }: { children: ComponentChildren }) {
-    return <div className="property-sheet-table">
+export function PropertySheet({ className, children }: { className?: string, children: ComponentChildren }) {
+    return <div className={clsx("property-sheet-table", className)}>
         {children} 
     </div>
 }
 
-export function PropertySheetItem({label, children}: {label: string, children: ComponentChildren}) {
+export function PropertySheetItem({className, label, children}: {className?: string, label: string, children: ComponentChildren}) {
     return <dl>
         <dt>{label}</dt>
-        <dd>{children}</dd>
+        <dd className={className}>{children}</dd>
     </dl>
 }
\ No newline at end of file