import { useRef } from 'react';
import { VelinDialog, VelinThemeToggle } from '@velinstyle/react';
import '@birdapi/velinstyle/css';
import '@birdapi/velinstyle/bundle';

export function App() {
  const dialogRef = useRef(null);
  return (
    <>
      <VelinThemeToggle target="html" />
      <VelinDialog ref={dialogRef} />
      <button
        type="button"
        className="velin-btn velin-btn--primary"
        onClick={() => dialogRef.current?.confirm('Weiter?', { title: 'Einstellungen' })}
      >
        Dialog öffnen
      </button>
    </>
  );
}