---
import { Heading, Aside, LikeButton, HydratedLikeButton } from '@performance/utils';
import type { CollectionEntry } from 'astro:content';

type Props = {
	entry: CollectionEntry<'generated'>;
}

const { entry }  = Astro.props as Props;
const { Content } = await entry.render();
---

{entry.data.type === 'with-astro-components'
	? <Content components={{ Heading, Aside }} />
	: entry.data.type === 'with-react-components'
	? <Content components={{ LikeButton, HydratedLikeButton }} />
	: <Content />
}
