import { BlogCard, blogMock } from '../../components/BlogCard.tsx'

export default function Blog() {
	return (
		<>
			<h1>Nos articles</h1>
			<section
				style={{
					display: 'grid',
					gridTemplateColumns: 'repeat(auto-fit, minmax(15rem, 1fr));',
					gap: 'var(--_gap)',
				}}
			>
				{blogMock.map(BlogCard)}
			</section>
		</>
	)
}