import { Toaster } from '@/components/toast';
import { useToastPosition } from '../hooks/use-toast-position';

/**
 * The showcase's single `<Toaster />`, mounted once in `app.tsx`.
 *
 * The corner it sits in, and why it is a URL parameter rather than a prop
 * anybody can pass, is `./use-toast-position`.
 */
export function ShowcaseToaster() {
  const [position] = useToastPosition();
  return <Toaster position={position} />;
}