IBX-10678: HelperText: When no content provided, only icon is visible (#46)

Author: GrabowskiM

packages/components/src/components/HelperText/HelperText.stories.tsx

@@ -39,3 +39,10 @@ export const Error: Story = {
         type: HelperTextType.Error,
     },
 };
+
+export const Empty: Story = {
+    name: 'Empty',
+    args: {
+        children: '',
+    },
+};

packages/components/src/components/HelperText/HelperText.tsx

@@ -11,6 +11,10 @@ const ICONS_TYPE_MAP = {
 } as const;
 
 export const HelperText = ({ children, className = '', title = '', type = HelperTextType.Default }: HelperTextProps) => {
+    if (!children) {
+        return null;
+    }
+
     const componentClassName = createCssClassNames({
         'ids-helper-text': true,
         [`ids-helper-text--${type}`]: !!type,