@gsretail.com/gui-core/build/core/HelpText/GuiHelpText.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import a from"react";import{Box as n,Typography as r}from"@mui/material";import{GuiIcon as i}from"../../node_modules/@gsretail.com/gui-icons/dist/index.js";import l from"./GuiHelpText.styled.js";var m=l((function(l){var m=l.variant,o=l.size,s=l.noIcon,c=l.children,d=l.className,u=e(l,["variant","size","noIcon","children","className"]);return a.createElement(n,t({className:["gui-helpText",o&&"size-"+o,d&&d].join(" ")},u),!s&&a.createElement(a.Fragment,null,"notice"===m&&a.createElement(r,{className:"helpIcon"},"※"),"info"===m&&a.createElement(i,{name:"InfoFill"}),"warning"===m&&a.createElement(i,{name:"WarningFill"}),"error"===m&&a.createElement(i,{name:"WaringAltFill"})),a.createElement(r,{className:"helpText"},c&&c))}));m.defaultProps={variant:"notice",size:"medium"};export{m as GuiHelpText,m as default};