import React from 'react';
import { compose } from 'recompose';
import { ContentLoader } from 'olymp-ui';
import { Form } from 'antd';
import withItem from '../with-item';
import DetailForm from '../form';

const enhance = compose(Form.create(), withItem);

const CollectionDetail = enhance(({ id, item, onSave, onClone, ...rest }) => (
  <ContentLoader isLoading={id && !item}>
    <DetailForm
      {...rest}
      id={id}
      item={item || {}}
      onSave={onSave}
      onCreate={onSave}
    />
  </ContentLoader>
));

CollectionDetail.displayName = 'CollectionDetail';
export default CollectionDetail;