---
import BaseLayout from './BaseLayout.astro'
import Breadcrumbs from '../components/Breadcrumbs.astro'
import SchemaOrg from '../components/SchemaOrg.astro'

interface Props {
  title: string
  description: string
  canonical?: string
  brand: string
  rating: number
  breadcrumbs?: { name: string; href?: string }[]
}

const { title, description, canonical, brand, rating, breadcrumbs = [] } = Astro.props
---

<BaseLayout {title} {description} {canonical}>
  <SchemaOrg
    type="Review"
    name={brand}
    ratingValue={rating}
    description={description}
  />

  <div class="container py-6 md:py-10">
    <Breadcrumbs items={breadcrumbs} />
    <slot />
  </div>
</BaseLayout>