export default defineAppConfig({
  xRestaurants: {
    // Brand
    name: "My Restaurant Directory",
    domain: "mysite.com",          // used by useDomain() to build /public/domains/:domain URLs
    logo: "/logos/my-logo.webp",

    // Top-level nav
    navbar: {
      links: [
        { label: "Explore", to: "/restaurants" },
        { label: "Articles", to: "/articles" },
      ],
    },

    // Homepage section copy and assets — every section also takes
    // `enabled: false` to hide it (hero, featured, popular, newRestaurants,
    // localGuide, latestStories, showcase, faq).
    homePage: {
      hero: {
        title: "Find the Best Dining",
        description: "Explore top-rated restaurants...",
        backgroundImage: "https://...",
        searchButtonLabel: "Search",
        cuisinePlaceholder: "Cuisine",
        locationPlaceholder: "Neighborhood",
      },
      featured: {
        title: "Featured Places",
        description: "Hand-picked selections.",
        viewAllLink: "/restaurants",
        viewAllLabel: "View All",
        viewButtonLabel: "View",
      },
      latestStories: {
        title: "Latest Food Stories",
        description: "Get inspired by chef interviews, seasonal guides...",
        readMoreLabel: "Read Article",
      },
      popular: {
        title: "Popular This Week",
        viewDetailsLabel: "View Details",
      },
      localGuide: {
        title: "Your Guide to Local Dining",
        paragraphs: [],
      },
      faq: {
        title: "Frequently Asked Questions",
        items: [{ label: "How do I search?", content: "Use the filters..." }],
      },
    },

    // When enabled (or when the domain is not found by the API), /
    // renders XRDComingSoon on the bare layout.
    comingSoon: {
      enabled: false,
      title: "",
      description: "",
      backgroundImage: "",
      launchDate: "",
    },

    // Menu card visual config (read by XRDMenuCard / XRDProfileMenuItem / useMenuCard())
    menuCard: {
      showImage: true,
      showDescription: true,
      showTags: true,
      showSpiceLevel: false,
      showCalories: false,
      showPrepTime: false,
      variant: "default",          // 'default' | 'compact' | 'horizontal'
      imageAspect: "video",         // 'square' | 'video' | 'wide'
      dietaryTags: [
        { id: "vegetarian", label: "Vegetarian", icon: "i-heroicons-leaf", color: "green" },
      ],
    },

    // Filter groups + sidebar behaviour (read by useFilters() / useRestaurantFilters())
    filters: {
      enabled: true,                // false hides the /restaurants filters aside
      title: "Filters",
      groups: [],                   // FilterGroup[] — see schema below
      showClearAll: true,
      mobileBreakpoint: "lg",       // 'sm' | 'md' | 'lg' | 'xl'
      // Optional: directory aside sections — subset, order, labels,
      // default-open. Omit for the full default set.
      // sections: [
      //   { id: "cuisine", label: "Cuisine", defaultOpen: true },
      //   { id: "price" },   // location | cuisine | price | amenities | dietary | vibe
      // ],
    },

    // Analytics tracking (useAnalytics())
    analytics: {
      enabled: true,                // false disables all analytics tracking
    },
  },
});

interface FilterSection {
  id: "location" | "cuisine" | "price" | "amenities" | "dietary" | "vibe"
  label?: string        // override the section heading
  defaultOpen?: boolean // start the section expanded
}

interface FilterGroup {
  id: string
  label: string
  type: "checkbox" | "range" | "select" | "search" | "radio"
  options?: { label: string, value: string | number, count?: number, disabled?: boolean, icon?: string }[]
  min?: number
  max?: number
  step?: number
  placeholder?: string
  collapsed?: boolean
  multiple?: boolean
  unit?: string
  defaultValue?: unknown
}

package: "@xenterprises/nuxt-x-restaurants"
config-key: xRestaurants
use-when: >
  Customising the restaurant directory name, domain, logo, navbar links,
  homepage copy and assets, coming-soon mode, menu card layout/dietary
  tags, or filter panel behaviour. Set NUXT_PUBLIC_API_ENDPOINT to connect
  useDomain() and useAnalytics() to your restaurant API.