import React from "react";
import QrTemplate1 from "./QrTemplateLumiere";
import QrTemplate2 from "./QrTemplate2";
import QrTemplate3 from "./QrTemplate3";
import QrTemplate4 from "./QrTemplate4";
import QrTemplate5 from "./QrTemplate5";
import QrTemplate6 from "./QrTemplate6";
import QrTemplate8 from "./QrTemplate8";
import QrTemplate9 from "./QrTemplate9";
import { type QrTemplateProps } from "./common";

export * from "./common";

// Yeni component eklemek için buraya import edip COMPONENT_TEMPLATES'e kaydet
export const COMPONENT_TEMPLATES: Record<
  string,
  React.FC<QrTemplateProps>
> = {
  "qr-1": QrTemplate1,
  "qr-2": QrTemplate2,
  "qr-3": QrTemplate3,
  "qr-4": QrTemplate4,
  "qr-5": QrTemplate5,
  "qr-6": QrTemplate6,
  "qr-8": QrTemplate8,
  "qr-9": QrTemplate9,
};

// Her template'in aspect ratio'su (width/height)
export const TEMPLATE_ASPECT_RATIOS: Record<string, number> = {
  "qr-1": 1,            // 600x600 = 1:1
  "qr-2": 400 / 650,     // 400x650 = standart kart
  "qr-3": 400 / 650,     // 400x650 = standart kart
  "qr-4": 400 / 580,     // 400x580 = zarif altın çerçeve
  "qr-5": 380 / 500,     // 380x500 = PNG arka planlı modern kart
  "qr-6": 400 / 580,     // 400x580 = taş & ızgara vintage stant
  "qr-8": 1,            // 1024x1024 = 1:1 Emerald Gold Özel Tasarım
  "qr-9": 380 / 500,     // 380x500 = Vintage Table Menu Özel Tasarım
};
