'use client';

import { useT } from '@/lib/i18n/react';
import { Button } from '@/components/ui/primitives/Button';
import { useOrganizer } from '@/features/admin-page-organizer/state';
import type { Config } from './config';

export function ConfigEditor({
  instanceId,
  config: _config,
  onChange: _onChange,
}: {
  instanceId?: string;
  config: Config;
  onChange: (c: Config) => void;
}) {
  const t = useT('page_organizer');
  const setRichTextEdit = useOrganizer((s) => s.setRichTextEdit);

  return (
    <Button
      type="button"
      variant="secondary"
      size="sm"
      onClick={() => instanceId && setRichTextEdit({ instanceId })}
    >
      {t('rich_text_edit_button')}
    </Button>
  );
}