import React from "react";
import PropTypes from "prop-types";
import CivicStoryCard from "../CivicStoryCard/CivicStoryCard";
import cardMetaTypes from "./cardMetaTypes";

function CivicCardLayoutClassic(_ref) {
  var isLoading = _ref.isLoading,
      data = _ref.data,
      cardMeta = _ref.cardMeta;
  return React.createElement(CivicStoryCard, {
    title: cardMeta.title,
    slug: cardMeta.slug
  }, React.createElement(React.Fragment, null, cardMeta.introText, cardMeta.selector, React.createElement(cardMeta.visualization, {
    isLoading: isLoading,
    data: data
  })));
}

CivicCardLayoutClassic.propTypes = {
  isLoading: PropTypes.bool,
  data: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.array]),
  cardMeta: cardMetaTypes
};
export default CivicCardLayoutClassic;