import styles from "./Main.module.css";
import {useNavigate} from "react-router-dom";

export default function Main() {
  const navigate = useNavigate();

  return (
    <main className={styles.page}>
      <h1 className={styles.title}>Главная</h1>
      <p className={styles.text}>Базовая страница приложения готова.</p>
      <button onClick={() => navigate('/picture')}>Go to Picture</button>
      <button onClick={() => navigate('/video')}>Go to Video</button>
    </main>
  );
}