---
import { Code } from 'astro:components'
import { site } from '@shared/lib/site.ts'

interface Props {
  plugins: string[]
}

const { plugins }: Props = Astro.props
---

<Code
  lang="html"
  code={plugins
    .map((plugin) => {
      return `<link rel="stylesheet" href="${site.cdnUrl}/dist/css/tabler-${plugin}.min.css" />`
    })
    .join('\n')}
/>