---
import CodeBar from './Codebar.tsx'
import CardButtons from './CardButtons.astro'
const {data, index} = Astro.props;
// NOTE: Needed until we get hosted demos of official templates.
const PLACEHOLDER_THUMBNAILS = [
// `#ba5370, #F4E2D8`,
// `#22c1c3, #fdbb2d`,
// `#7a5e99, #9f5dcf, #e864ca, #fdeff9`,
// `#e1eec3, #f05053`,
// `#7f00ff, #e100ff`,
`var(--theme-bg-accent), var(--theme-accent)`,
]
const hasScreenshot = !!data.demo;
const backgroundStyle = hasScreenshot ? `url('https://v1.screenshot.11ty.dev/${encodeURIComponent(data.demo)}/medium/9:16/')` : `linear-gradient(60deg, var(--theme-bg-accent), var(--theme-accent))`
---
{hasScreenshot && }