'use client';

import type { AllSettings } from '@/api/site-settings';
import { LinkArrayField } from '@/components/settings/LinkArrayField';
import { SettingsField } from '@/components/settings/SettingsField';
import { StringArrayField } from '@/components/settings/StringArrayField';
import { Separator } from '@/components/ui/separator';
import { z } from 'zod';

export function WebsiteSettings ({ schema }: { schema: AllSettings }) {
  return (
    <div className="space-y-8 max-w-screen-md">
      <section className="space-y-6">
        <h2 className="text-lg font-medium">基本设置</h2>
        <SettingsField name="title" label="标题" item={schema.title} />
        <SettingsField name="description" label="描述" item={schema.description} />
        <SettingsField name="logo_in_dark_mode" label="暗黑模式下的Logo" item={schema.logo_in_dark_mode} />
        <SettingsField name="logo_in_light_mode" label="亮色模式下的Logo" item={schema.logo_in_light_mode} />
      </section>
      <Separator />
      <section className="space-y-6">
        <h2 className="text-lg font-medium">首页设置</h2>
        <SettingsField name="homepage_title" label="首页标题" item={schema.homepage_title} />
        <SettingsField name="homepage_example_questions" label="首页示例问题" item={schema.homepage_example_questions} arrayItemSchema={z.string()}>
          {props => <StringArrayField {...props} />}
        </SettingsField>
      </section>
      <Separator />
      <section className="space-y-6">
        <h2 className="text-lg font-medium">上传</h2>
        <SettingsField name="max_upload_file_size" label="最大上传文件大小" item={schema.max_upload_file_size} />
      </section>
    </div>
  );
}

/**
      <SettingsField name="homepage_footer_links" item={schema.homepage_footer_links} arrayItemSchema={z.object({ text: z.string(), href: z.string() })}>
        {props => <LinkArrayField {...props} />}
      </SettingsField>
      <section className="space-y-6">
        <h2 className="text-lg font-medium">Social links</h2>
        <SettingsField name="social_github" item={schema.social_github} />
        <SettingsField name="social_twitter" item={schema.social_twitter} />
        <SettingsField name="social_discord" item={schema.social_discord} />
      </section>
      <Separator />
      <section className="space-y-6">
        <h2 className="text-lg font-medium">Analytics</h2>
        <SettingsField name="ga_id" item={schema.ga_id} />
      </section>
      <Separator />
 */