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

const History: 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.placeholder}>
        <span className={styles.placeholderIcon}>📅</span>
        <p className={styles.placeholderText}>
          История пуста
        </p>
        <button className={styles.createButton}>
          Создать первый стикер
        </button>
      </div>
    </div>
  );
};

export default History;
