How to use @crave/farmblocks-image - 6 common examples

const HelperContent = props => {
  const renderLink = props.linkText && (props.linkHref || props.linkOnClick);

  return (
    
      {props.imageSrc && (
        <img size="{badgeSizes.MEDIUM}" src="{props.imageSrc}">
      )}

      <div>
        

        {renderLink &amp;&amp; (
          </div>

const EmptyCard = ({ noResultsMessage, className }) => (
  
    <img size="{badgeSizes.MEDIUM}" src="{helperSrc}">
    
  
);

render() {
      const { image, inputRef, ...props } = this.props;

      return (
        
          {image && (
            
          )}
          <input>
        
      );
    }
  };

{this.state.messages.map(text => (
              
                <img size="{badgeSizes.SMALL}" src="{errorIconSrc}">
                
              
            ))}

icon: PropTypes.node,

  /**
   * Size for the icon
   */
  iconSize: PropTypes.string,

  /**
   * Image src url (don't use `image` prop along with `icon` prop)
   */
  image: PropTypes.string,

  /**
   * Props for image component, accept any farmblocks-image prop
   */
  imageProps: PropTypes.shape(Image.propTypes),

  /**
   * Props for children(text) component, accept any farmblocks-text prop
   */
  textProps: PropTypes.shape(Text.propTypes),
};

export default NavItem;

const Item = ({ selected, image, label, checkbox, className, ...props }) => (
  
    
      {checkbox && }
      {image && (
        
      )}
      {label}
    
    {!checkbox && selected && }
  
);