@findify/react-components/lib/components/Banner/index.js

Findify react UI components

/**
 * @module components/Banner
 */
import { createElement, memo } from 'react';
var styles = {
  "root": "findify-components--banner",
  "image": "findify-components--banner__image"
};
import { useBanner } from '@findify/react-connect';
import { jsx as _jsx } from "react/jsx-runtime";

var BannerComponent = function BannerComponent(props) {
  return /*#__PURE__*/createElement(props.href ? 'a' : 'div', props);
};

export default /*#__PURE__*/memo(function (_ref) {
  var _ref$theme = _ref.theme,
      theme = _ref$theme === void 0 ? styles : _ref$theme;

  var _useBanner = useBanner(),
      banner = _useBanner.banner;

  return banner && !banner.isEmpty() ? /*#__PURE__*/_jsx(BannerComponent, {
    href: banner.getIn(['products', 'targetUrl']),
    role: "banner",
    "aria-label": "banner",
    className: theme.root,
    children: /*#__PURE__*/_jsx("img", {
      src: banner.getIn(['products', 'imageUrl']),
      alt: banner.getIn(['products', 'title']),
      className: theme.image
    })
  }) : null;
});