import { FC } from 'react';
import { useSelector, useDispatch } from 'dva';
import { GoodsOutlined, CameraOutlined } from 'iglooicon';
import { useIntl } from 'react-intl';
import { CardPage, Card, CardGroup, CardItem, AdminAmount as Amount, Button, StatusBox, AlertMessage, Documents, AdminMedia } from 'iglooform';
import status, { statusTypes } from '@/utils/status';
import get from 'lodash.get';
import moment from 'moment';
import styles from './index.less';

const DetailPage: FC<any> = () => {
  const { formatMessage } = useIntl();
  const dispatch = useDispatch();
  const { detail, loading } = useSelector <
    GlobalState,
    StateWithLoading<<%= pageType %>>
  > ((state) => ({
        ...state.<%= pageName %>,
        loading: state.loading.effects['<%= pageName %>/getDetail'],
  }));

if (loading || !detail) return null;

const policyId = undefined;

const extraButtons = null;

const pageStatusIcon = null;

const cards = null;

const topGroup=null;

const topItems=null;

return (
  <CardPage
    title={`<%= pageType %> ID:${policyId}`}
    extraButtons={extraButtons}
    pageStatusIcon={pageStatusIcon}
  >
    {topGroup}
    {topItems}
    {cards}
  </CardPage>
);
};

export default DetailPage;