short crater
i have a component tree like so
├── $center
│ ├── bookings
│ │ └── $slug.tsx
│ ├── bookings.tsx
│ ├── contact.tsx
│ ├── faq.tsx
│ ├── gift-vouchers.tsx
│ ├── index.tsx
│ └── products
│ └── $slug.tsx
├── $center.tsx
├── __layout
│ ├── blog
│ │ ├── $slug.tsx
│ │ └── index.tsx
│ ├── contact.tsx
│ ├── index.tsx
│ ├── online-games.tsx
│ └── privacy-policy.tsx
├── __layout.tsx
i have a url which would be /$center/bookings and /$center/bookings/$slug
center bookings index shows a list of rooms and should have an outlet underneath when you click on a room it should show rooms data
but the layout for this should be separate from the other site layout but slug should share the bookings layout
reading docs i assumed adding a file $center.bookings.tsx would do the trick instead of having $center/bookings.tsx but it didnt seem to work
have you got any advice of what i might be doing wrong?