diff --git a/code/src/ui/src/components/ColorSelect.tsx b/code/src/ui/src/components/ColorSelect.tsx
index 0d350d4d..0535f99f 100644
--- a/code/src/ui/src/components/ColorSelect.tsx
+++ b/code/src/ui/src/components/ColorSelect.tsx
@@ -10,6 +10,7 @@ import './ColorSelect.css';
 
 interface Props {
     value: PropertyColorShade;
+    //this property is used to pass the set of baseColorHex values it is used to check if a shade color is base-color or not by using Set.has() function
     baseColorHex?: Set<string>;
     label?: string;
     defaultValue?: string;
@@ -205,4 +206,4 @@ export const ColorSelect: React.FC<Props> = ({value,baseColorHex, label, default
     );
 
 }
-}
\ No newline at end of file
+}