'use client';

import Button from '../ui/Button';
import LibrarySettings from '../library/LibrarySettings';

interface ContentSettingsProps {
  // No props needed - LibrarySettings manages its own state
}

export default function ContentSettings({}: ContentSettingsProps) {
  return (
    <div className="space-y-6">
      {/* Library Settings */}
      <LibrarySettings />

      {/* Tag Management */}
      <div className="theme-card theme-shadow rounded-lg p-6">
        <h2 className="text-xl font-semibold theme-header mb-4">Tag Management</h2>
        <p className="theme-text mb-6">
          Manage your story tags with colors, descriptions, and aliases. Use the Tag Maintenance page to organize and customize your tags.
        </p>
        <Button
          href="/settings/tag-maintenance"
          variant="secondary"
          className="w-full sm:w-auto"
        >
          🏷️ Open Tag Maintenance
        </Button>
      </div>
    </div>
  );
}