---
import type { HTMLAttributes } from 'astro/types'
import { getVersionedBsJsProps } from '@libs/bootstrap'
import { getConfig } from '@libs/config'
import type { ExampleFrontmatter } from '@libs/examples'
import { getVersionedDocsPath } from '@libs/path'
import Stylesheet from '@components/head/Stylesheet.astro'
import Favicons from '@components/head/Favicons.astro'
import ThemeToggler from '@layouts/partials/ThemeToggler.astro'
import Icons from '@layouts/partials/Icons.astro'
type Props = ExampleFrontmatter
const { body_class, direction, extra_css, extra_js, html_class, include_js, title = 'Example' } = Astro.props
const pageTitle = `${title} ยท ${getConfig().title} v${getConfig().docs_version}`
const canonicalUrl = new URL(Astro.url.pathname, Astro.site)
const htmlProps: HTMLAttributes<'html'> = direction === 'rtl' ? { lang: 'ar', dir: 'rtl' } : { lang: 'en' }
---
{pageTitle}
{extra_css?.map((extraCss) => )}
{
include_js !== false && (
{extra_js?.map((js) => (
))}
)
}