import { Button, Card } from '@effigenix/ui';

export function App() {
  return (
    <div className="min-h-screen p-6">
      <div className="mx-auto max-w-md space-y-6">
        <h1 className="text-2xl font-bold text-brand-700">Effigenix Scanner</h1>

        <Card>
          <h2 className="mb-4 text-lg font-semibold">Chargen-Scanner</h2>
          <p className="mb-4 text-sm text-warm-600">
            QR-Code oder Barcode scannen, um Chargen-Details anzuzeigen.
          </p>
          <Button
            variant="primary"
            size="lg"
            className="w-full"
            onClick={() => {
              // TODO: Barcode-Scanner Integration
              console.log('Scan gestartet');
            }}
          >
            Scan starten
          </Button>
        </Card>
      </div>
    </div>
  );
}
