import { Col, Row } from "antd";
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";

const colSpans = {
  md: 12,
  sm: 24,
};
const Settings: React.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>
    </Row>
  );
};
export default Settings;
