import clsx from 'clsx';
function Grid(props: React.ComponentProps<'ul'>) {
return (
<ul {...props} className={clsx('grid grid-flow-row gap-4', props.className)}>
{props.children}
</ul>
);
}
function GridItem(props: React.ComponentProps<'li'>) {
<li {...props} className={clsx('aspect-square transition-opacity', props.className)}>
</li>
Grid.Item = GridItem;
export default Grid;