import { css, html, LitElement } from "lit"

// takes the inner elements and just renders them with custom styles around them
export default class Element extends LitElement {
	static override styles = css`
		.doc-link-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
			grid-gap: 1rem;
		}
	`

	override render() {
		return html`<div class="doc-link-grid">
			<slot></slot>
		</div>`
	}
}

if (typeof customElements !== "undefined" && !customElements.get("doc-links")) {
	customElements.define("doc-links", Element)
}