import { CoverField, useRecordContext } from '@applica-software-guru/react-admin';
import _ from 'lodash';
import PropTypes from 'prop-types';
import React from 'react';

function UserPictureField({ source, ...props }) {
  const record = useRecordContext();
  const image = _.get(record, source);
  if (!image) {
    return null;
  }
  return <CoverField {...props} circle width={50} height={50} justify="flex-end" />;
}

export { UserPictureField };