import React from 'react';
import styles from './CreateSticker.module.css';

const CreateSticker: React.FC = () => {
  return (
    <div className={styles.container}>
      <div className={styles.header}>
        <h1 className={styles.title}>
          Создание стикера
        </h1>
        <p className={styles.subtitle}>
          Загрузите фотографию для создания стикера
        </p>
      </div>

      <div className={styles.uploadArea}>
        <div className={styles.uploadBox}>
          <span className={styles.uploadIcon}>📷</span>
          <span className={styles.uploadText}>
            Нажмите чтобы выбрать фото
          </span>
          <span className={styles.uploadHint}>
            или перетащите файл сюда
          </span>
        </div>
      </div>
    </div>
  );
};

export default CreateSticker;