import React from 'react';
import { AppearanceForm } from './appearance-form';

export default function SettingsAppearancePage() {
  return (
    <div className="space-y-6">
      <div>
        <h2 className="text-lg font-medium">Appearance</h2>
        <p className="text-sm text-gray-500">
          Customize the appearance of the app. Automatically switch between day and night themes.
        </p>
      </div>
      <div className="border-t border-gray-200 my-4" />
      <AppearanceForm />
    </div>
  );
}