@crave/farmblocks-footer/lib/components/HelperContent.js

Farmblocks Footer

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
import Text from "@crave/farmblocks-text";
import { fontSizes, fontTypes } from "@crave/farmblocks-theme";
import Image, { badgeSizes } from "@crave/farmblocks-image";
import Link from "@crave/farmblocks-link";
const Container = styled.div.withConfig({
  displayName: "HelperContent__Container",
  componentId: "sc-1cqgcij-0"
})(["font-family:Lato,sans-serif;display:flex;align-items:center;.text{margin-bottom:", ";}> .image{margin-right:16px;}"], props => props.size === fontSizes.MEDIUM && "8px");
Container.displayName = "HelperContentContainer";

const HelperContent = props => {
  const renderLink = props.linkText && (props.linkHref || props.linkOnClick);
  return /*#__PURE__*/React.createElement(Container, {
    className: props.className,
    size: props.size
  }, props.imageSrc && /*#__PURE__*/React.createElement(Image, {
    src: props.imageSrc,
    badge: true,
    size: badgeSizes.MEDIUM,
    className: "image"
  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
    className: "text",
    size: props.size
  }, props.text), renderLink && /*#__PURE__*/React.createElement(Link, {
    className: "link",
    onClick: props.linkOnClick,
    href: props.linkHref,
    type: fontTypes.NEUTRAL,
    size: props.size
  }, props.linkText)));
};

HelperContent.propTypes = {
  imageSrc: PropTypes.string,
  text: PropTypes.string,
  linkText: PropTypes.string,
  linkHref: PropTypes.string,
  linkOnClick: PropTypes.func,
  size: PropTypes.number,
  className: PropTypes.string
};
HelperContent.defaultProps = {
  size: fontSizes.MEDIUM
};
export default HelperContent;