import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const Help = (allProps: IconProps) => { const { svgProps: props, iconStyle, ...restProps } = allProps; const styles: { [style: string]: React.ReactNode } = { Broken: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><circle cx={12} cy={12} r={4} stroke="currentColor" strokeWidth={1.5} /><path d="m15 9 4-4M5 19l4-4M9 9 5 5M19 19l-4-4" stroke="currentColor" strokeWidth={1.5} /><path d="M9.412 2.339a9.954 9.954 0 0 1 5.176.002c5.335 1.43 8.5 6.913 7.071 12.247-1.43 5.335-6.912 8.5-12.247 7.071-5.335-1.43-8.5-6.912-7.071-12.247a9.954 9.954 0 0 1 2.586-4.484" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /></svg>, LineDuotone: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><circle cx={12} cy={12} r={10} stroke="currentColor" strokeWidth={1.5} /><circle cx={12} cy={12} r={4} stroke="currentColor" strokeWidth={1.5} /><path opacity={0.5} d="m15 9 4-4M5 19l4-4M9 9 5 5M19 19l-4-4" stroke="currentColor" strokeWidth={1.5} /></svg>, Linear: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><circle cx={12} cy={12} r={10} stroke="currentColor" strokeWidth={1.5} /><circle cx={12} cy={12} r={4} stroke="currentColor" strokeWidth={1.5} /><path d="m15 9 4-4M5 19l4-4M9 9 5 5M19 19l-4-4" stroke="currentColor" strokeWidth={1.5} /></svg>, Outline: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path fillRule="evenodd" clipRule="evenodd" d="M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12 17.937 1.25 12 1.25ZM2.75 12c0-2.284.828-4.375 2.2-5.989l3.203 3.202A4.729 4.729 0 0 0 7.25 12c0 1.041.335 2.004.903 2.787L4.95 17.989A9.213 9.213 0 0 1 2.75 12Zm6.463-3.847L6.011 4.95A9.213 9.213 0 0 1 12 2.75c2.284 0 4.375.828 5.989 2.2l-3.203 3.203A4.728 4.728 0 0 0 12 7.25a4.729 4.729 0 0 0-2.787.903ZM6.011 19.05A9.213 9.213 0 0 0 12 21.25a9.213 9.213 0 0 0 5.989-2.2l-3.203-3.203A4.728 4.728 0 0 1 12 16.75a4.729 4.729 0 0 1-2.787-.903L6.011 19.05Zm9.836-4.264 3.203 3.203A9.213 9.213 0 0 0 21.25 12a9.213 9.213 0 0 0-2.2-5.989l-3.203 3.202c.568.783.903 1.746.903 2.787a4.728 4.728 0 0 1-.903 2.787ZM8.75 12a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Z" fill="currentColor" /></svg>, Bold: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M19.582 18.52A9.96 9.96 0 0 0 22 12a9.96 9.96 0 0 0-2.418-6.52l-4.273 4.272c.436.64.691 1.414.691 2.248 0 .834-.255 1.607-.691 2.248l4.273 4.273ZM18.52 19.582A9.96 9.96 0 0 1 12 22a9.96 9.96 0 0 1-6.52-2.418l4.272-4.273c.64.436 1.414.691 2.248.691.834 0 1.607-.255 2.248-.691l4.273 4.273ZM4.418 18.52l4.273-4.272A3.981 3.981 0 0 1 8 12c0-.834.255-1.607.691-2.248L4.418 5.479A9.96 9.96 0 0 0 2 12a9.96 9.96 0 0 0 2.418 6.52ZM12 8c-.834 0-1.607.255-2.248.691L5.479 4.418A9.96 9.96 0 0 1 12 2a9.96 9.96 0 0 1 6.52 2.418l-4.272 4.273A3.981 3.981 0 0 0 12 8Z" fill="currentColor" /></svg>, BoldDuotone: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path opacity={0.5} fillRule="evenodd" clipRule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" fill="currentColor" /><path d="m5.479 19.582 4.272-4.273a4.021 4.021 0 0 1-1.06-1.06L4.418 18.52c.327.38.681.734 1.06 1.06ZM4.418 5.48l4.273 4.272a4.022 4.022 0 0 1 1.06-1.06L5.48 4.417c-.38.327-.734.682-1.061 1.061ZM14.248 8.691 18.52 4.42c.379.326.734.68 1.06 1.06L15.31 9.752a4.021 4.021 0 0 0-1.061-1.06ZM19.581 18.521l-4.273-4.273a4.02 4.02 0 0 1-1.06 1.06l4.272 4.274c.38-.327.735-.682 1.061-1.061Z" fill="currentColor" /></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default Help