import { ImageScanner } from "@/components/ui/image-scanner";

export default function MyComponent() {
  return (
    <div className="w-full max-w-md mx-auto">
      <h1 className="text-2xl font-bold mb-8 text-center">Horizontal Scan</h1>
      <ImageScanner
        image="/path-to-image.png"
        scanDirection="horizontal"
        scanColor="emerald"
        scanType="both"
        autoScan={true}
        repeating={true}
      />
    </div>
  );
}
 
// With scan completion callback
export function ScanWithCallback() {
  const handleScanComplete = () => {
    console.log("Scan completed!");
    // Perform actions after scan completes
  };
 
  return (
    <div className="w-full max-w-md mx-auto">
      <h1 className="text-2xl font-bold mb-8 text-center">
        Scan with callback
      </h1>
      <ImageScanner
        image="/path-to-image.png"
        scanDirection="vertical"
        scanColor="blue"
        scanType="line"
        onScanComplete={handleScanComplete}
      />
    </div>
  );
}