@hackoregon/component-library/src/CivicCard/CivicCard.js

Official repo for Hack Oregon React component library

import React from "react";
import PropTypes from "prop-types";
import DataChecker from "../utils/DataChecker";
import CivicCardLayoutFull from "./CivicCardLayoutFull";
import { cardMetaKeys, optionalCardMetaKeys } from "./cardMetaTypes";

const CivicCard = ({ cardMeta, data, isLoading, Layout }) => (
  <DataChecker
    data={cardMeta(data)}
    dataAccessors={cardMetaKeys}
    optionalKeys={optionalCardMetaKeys}
    dataIsObject
    message="Invalid cardMeta"
  >
    <Layout cardMeta={cardMeta(data)} isLoading={isLoading} data={data} />
  </DataChecker>
);

CivicCard.propTypes = {
  cardMeta: PropTypes.func.isRequired,
  data: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.array]),
  isLoading: PropTypes.bool,
  Layout: PropTypes.func
};

CivicCard.defaultProps = {
  Layout: CivicCardLayoutFull
};

export default CivicCard;