// renderer/Settings.tsx
import { Col, Row } from "antd";
import { FC } from "react";
import SettingsWatchedPaths from "./Settings.WatchedPaths";
import SettingsWatcher from "./Settings.Watcher";
import Welcome from "../Welcome/Welcome";
import SettingsPpcFilepath from "./Settings.PpcFilePath";
import SettingsEmsOutFilePath from "./Settings.EmsOutFilePath";
import SettingsPaintScaleInputPaths from "./Settings.PaintScaleInputPaths";
import SettingsPaintScaleOutputPaths from "./Settings.PaintScaleOutputPaths";

const colSpans = {
    md: 12, // Two columns on medium screens and above
    sm: 24, // One column on small screens
};

const Settings: FC = () => {
    return (
        <Row gutter={[16, 16]}>
            <Col span={24}>
                <Welcome />
            </Col>
            <Col {...colSpans}>
                <SettingsWatchedPaths />
            </Col>
            <Col {...colSpans}>
                <SettingsWatcher />
            </Col>
            <Col {...colSpans}>
                <SettingsPpcFilepath />
            </Col>
            <Col {...colSpans}>
                <SettingsEmsOutFilePath />
            </Col>
            <Col {...colSpans}>
                <SettingsPaintScaleInputPaths />
            </Col>
            <Col {...colSpans}>
                <SettingsPaintScaleOutputPaths />
            </Col>
        </Row>
    );
};

export default Settings;