32 lines
926 B
TypeScript
32 lines
926 B
TypeScript
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;
|