// @flow
import React from 'react';
import { Modal } from 'modal/modal';
import SocialShare from 'component/socialShare';
import Card from 'component/common/card';

type Props = {
  closeModal: () => void,
  uri: string,
  webShareable: boolean,
  collectionId?: number,
};

class ModalSocialShare extends React.PureComponent<Props> {
  render() {
    const { closeModal, uri, webShareable, collectionId } = this.props;
    return (
      <Modal isOpen onAborted={closeModal} type="card">
        <Card
          title={__('Share')}
          actions={<SocialShare uri={uri} webShareable={webShareable} collectionId={collectionId} />}
        />
      </Modal>
    );
  }
}

export default ModalSocialShare;