import React, { useState } from 'react';

import { useNavigate } from 'react-router-dom';

import { useLibrary } from '../context/LibraryContext';

import { Book } from '../types/Book';

const CreateBookPage: React.FC = () => {

const navigate = useNavigate();

const { addBook } = useLibrary();

const [formData, setFormData] = useState({

title: ' ',

author: ' ',

description: ' ',

content: ' ',

genre: ' ',

isbn: ' ',

publishDate: ' '

});

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>

) => {

const { name, value } = e.target;

setFormData(prev => ({

...prev,

[name]: value

}));

};