import SettingsComponent from "../components/Settings";
import { Container, Row, Col } from 'react-bootstrap';
import Sidebar from '../components/Sidebar';

// Page wrapper for site settings (admin)
function SettingsPage(){
    return (
        <Container
            fluid
            className="p-0 d-flex flex-column"
            style={{ overflowX: 'hidden', height: '100vh' }}
        >
            <Row className="mx-0 flex-grow-1">
                <Col xs={2} className="px-0 bg-light" style={{ minWidth: 0 }}>
                    <Sidebar />
                </Col>
                <Col
                    xs={10}
                    className="px-3 px-md-4 py-3 bg-white d-flex flex-column"
                    style={{ minWidth: 0, overflowY: 'auto' }}
                >
                    <SettingsComponent />
                </Col>
            </Row>
        </Container>
    );
}

export default SettingsPage;