{"size": 749, "ext": "js", "max_stars_repo_path": "src/components/Dragndrop/Dragndrop.js", "max_stars_repo_name": "dialogs/dialog-web-components", "max_stars_repo_stars_event_min_datetime": "2016-06-23T14:19:59.000Z", "max_stars_repo_stars_event_max_datetime": "2022-02-23T15:42:54.000Z", "max_issues_repo_path": "src/components/Dragndrop/Dragndrop.js", "max_issues_repo_name": "MatveyNeyman/dialog-web-components", "max_issues_repo_issues_event_min_datetime": "2016-08-23T08:39:38.000Z", "max_issues_repo_issues_event_max_datetime": "2020-03-06T13:06:10.000Z", "max_forks_repo_path": "src/components/Dragndrop/Dragndrop.js", "max_forks_repo_name": "MatveyNeyman/dialog-web-components", "max_forks_repo_forks_event_min_datetime": "2017-01-24T10:34:57.000Z", "max_forks_repo_forks_event_max_datetime": "2021-06-28T15:04:08.000Z"}
{"max_stars_count": 604, "max_issues_count": 56, "max_forks_count": 67, "avg_line_length": 24.1612903226, "max_line_length": 73, "alphanum_fraction": 0.6635514019}
/*
 * Copyright 2019 dialog LLC <info@dlg.im>
 * @flow
 */

import React, { PureComponent } from 'react';
import classNames from 'classnames';
import { Text } from '@dlghq/react-l10n';
import Icon from '../Icon/Icon';
import styles from './Dragndrop.css';

export type Props = {
  className?: string,
};

class Dragndrop extends PureComponent<Props> {
  render() {
    const className = classNames(styles.container, this.props.className);

    return (
      <section className={className}>
        <Icon glyph="arrow_up" className={styles.arrow} size={80} />
        <Text id="Dragndrop.title" className={styles.title} />
        <Text id="Dragndrop.subtitle" className={styles.subtitle} />
      </section>
    );
  }
}

export default Dragndrop;
