import { Container, Form, Button } from 'react-bootstrap';

const Reduse = () => {
    return (
        <Container className="p-2 text-center">
            <span className="mainSt">
                <b>Новости</b>
            </span>
            <div className="rectpage4 d-flex row justify-content-center">
                <Form className="col-md-4 m-0 w-auto" action="./page4.html" method="get">
                    <Form.Group className="mb-2">
                        <Form.Label><b>Название новости</b></Form.Label>
                        <Form.Control id="name" name="name" placeholder="Например" type="text" required />
                    </Form.Group>
                    <Form.Group className="mb-2">
                        <Form.Label><b>Изображение</b></Form.Label>
                        <Form.Control id="image" name="image" type="file" required />
                    </Form.Group>
                    <div className="text-center">
                        <Button className="btn btn-primary w-auto" type="button">Добавить новость</Button>
                    </div>
                </Form>
            </div>
        </Container>
    );
};

export default Reduse;
