import React__default from 'react';
import { Card } from 'react-bootstrap';
import urlFor from './urlFor.js';
import { c as clean_html_1 } from './entities-6d9154b4.js';
import './slicedToArray-6ebcbfea.js';
import './_commonjsHelpers-0c4b6f40.js';
import './web.dom.iterable-ab4dea5c.js';
import './core.get-iterator-method-ea258bb1.js';
import './index-3f5c03b2.js';

var Hero = function Hero(_ref) {
  var data = _ref.data,
      client = _ref.client,
      imageHeight = _ref.imageHeight,
      imageWidth = _ref.imageWidth;
  var title = data.title,
      summary = data.summary,
      thumbnail = data.thumbnail,
      url = data.url;

  return React__default.createElement(
    'a',
    { href: '/view/' + url.current },
    React__default.createElement(
      Card,
      { bsPrefix: 'hero-card' },
      title && React__default.createElement(
        Card.Header,
        { className: 'h4' },
        title
      ),
      thumbnail && client && React__default.createElement(Card.Img, { src: urlFor({ source: thumbnail, client: client, imageHeight: imageHeight, imageWidth: imageWidth }), alt: title }),
      summary && React__default.createElement(
        Card.Footer,
        { className: 'h6' },
        clean_html_1(summary)
      )
    )
  );
};

export { Hero as default };
