// Local dev-reference copy — imports ShowcaseContent directly from xertica-ui/pages,
// no local fork needed since the brand showcase has no app-specific data dependency.
import React from 'react';
import { ShowcaseContent } from 'xertica-ui/pages';
import { XerticaAssistant } from 'xertica-ui/assistant';
import { useLayout } from 'xertica-ui/hooks';
import { AppLayout } from '../app/components/AppLayout';
import { useFdmAssistant } from '../features/assistant';

export function ShowcasePage() {
  const { assistenteExpanded, toggleAssistente } = useLayout();
  const { assistantProps } = useFdmAssistant();

  return (
    <AppLayout
      assistant={
        <XerticaAssistant
          {...assistantProps}
          isExpanded={assistenteExpanded}
          onToggle={toggleAssistente}
          onEvaluation={(id, type, reason) => console.log('Feedback:', id, type, reason)}
        />
      }
    >
      <ShowcaseContent defaultThemeId="xertica" />
    </AppLayout>
  );
}