import type {
  SidebarVariant,
  SidebarCollapsibleOption,
  SidebarSideOption,
  RadiusOption,
  BrandColor,
} from "@/types/theme-customizer"

export const radiusOptions: RadiusOption[] = [
  { name: "0", value: "0rem" },
  { name: "0.3", value: "0.3rem" },
  { name: "0.5", value: "0.5rem" },
  { name: "0.75", value: "0.75rem" },
  { name: "1.0", value: "1rem" },
]

export const sidebarVariants: SidebarVariant[] = [
  { name: "Standart", value: "sidebar", description: "Klasik kenar çubuğu" },
  { name: "Yüzen", value: "floating", description: "Çerçeveli, yüzen kenar çubuğu" },
  { name: "İçeri çekik", value: "inset", description: "Yuvarlak köşeli içeri çekik kenar" },
]

export const sidebarCollapsibleOptions: SidebarCollapsibleOption[] = [
  { name: "Gizle", value: "offcanvas", description: "Görünümden tamamen kayar" },
  { name: "İkon", value: "icon", description: "Sadece ikonlar görünür" },
]

export const sidebarSideOptions: SidebarSideOption[] = [
  { name: "Sol", value: "left" },
  { name: "Sağ", value: "right" },
]

export const baseColors: BrandColor[] = [
  { name: "Birincil", cssVar: "--primary" },
  { name: "Birincil — yazı", cssVar: "--primary-foreground" },
  { name: "İkincil", cssVar: "--secondary" },
  { name: "İkincil — yazı", cssVar: "--secondary-foreground" },
  { name: "Vurgu", cssVar: "--accent" },
  { name: "Vurgu — yazı", cssVar: "--accent-foreground" },
  { name: "Soluk", cssVar: "--muted" },
  { name: "Soluk — yazı", cssVar: "--muted-foreground" },
]
