import React from 'react';
import './Settings.css';

function Settings() {
  return (
    <div className="settings-container">
      <h2 className="content-title">Settings</h2>
      <div className="settings-content">
        <div className="settings-group">
          <h3>Application Settings</h3>
          <div className="setting-item">
            <label>
              <input type="checkbox" />
              Start with Windows
            </label>
          </div>
          <div className="setting-item">
            <label>
              <input type="checkbox" checked />
              Minimize to tray on close
            </label>
          </div>
        </div>
        
        <div className="settings-group">
          <h3>Cursor Settings</h3>
          <div className="setting-item">
            <label>
              <input type="checkbox" checked />
              Auto-apply cursor on selection
            </label>
          </div>
        </div>

        <div className="settings-group">
          <h3>About</h3>
          <p>Cursor Rush v0.1.0</p>
          <p>A cross-platform application for customizing your cursor.</p>
        </div>
      </div>
    </div>
  );
}

export default Settings;