export const CarbonLogoLoading = ({ className = '', strokeWidth = '7', }: { className?: string; strokeWidth?: string; }) => { return ( <svg width="100%" height="100%" viewBox="0 0 672 866" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} aria-label="Loading" > <path style={{ strokeDasharray: 5000, strokeDashoffset: 0, animation: 'carbonLoading 1.5s ease-in alternate infinite', }} fillRule="evenodd" clipRule="evenodd" d="M236.253 0.40625H543.432L590.851 151.443L516.258 259.817L671.892 562.311L597.058 641.054L667.572 865.583H3.43463L31.0508 642.298L0.482422 563.705L34.4791 195.043H66.9848L73.1824 56.3078L236.253 0.40625ZM86.5195 195.043H130.749L109.676 572.069H24.6749L51.0225 639.81L25.5123 846.068H329.049L339.284 534.202L265.803 380.763L236.207 259.029H361.697L442.063 641.054H597.058L671.892 562.311H526.547L404.627 204.8H488.529L516.258 259.817L590.851 151.443H273.103L240.312 19.9215L92.085 70.458L86.5195 195.043Z" stroke="currentColor" strokeWidth={strokeWidth} fill="none" /> </svg> ); };