import {
  SettingGroup,
  SettingItem,
  SettingSection,
  SettingsContainer,
  Switch,
} from "@downcity/ui";

export function AppearanceSettings() {
  return (
    <SettingsContainer>
      <SettingSection title="外观" description="控制宿主应用的显示方式">
        <SettingGroup>
          <SettingItem label="实时预览" description="编辑时同步更新预览区域">
            <Switch defaultChecked aria-label="启用实时预览" />
          </SettingItem>
        </SettingGroup>
      </SettingSection>
    </SettingsContainer>
  );
}