import { Markdoc, component, defineMarkdocConfig } from '@astrojs/markdoc/config';

export default defineMarkdocConfig({
	nodes: {
		fence: {
			render: component('./src/components/Code.astro'),
			attributes: {
				language: { type: String },
				content: { type: String },
			},
		},
	},
	tags: {
		'marquee-element': {
			render: component('./src/components/CustomMarquee.astro'),
			attributes: {
				direction: {
					type: String,
					default: 'left',
					matches: ['left', 'right', 'up', 'down'],
					errorLevel: 'critical',
				},
			},
		},
		counter: {
			render: component('./src/components/CounterWrapper.astro'),
		},
		'deeply-nested': {
			render: component('./src/components/DeeplyNested.astro'),
		},
	},
});