forked from crowetic/commerce
22 lines
452 B
TypeScript
22 lines
452 B
TypeScript
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'>) {
|
|
return (
|
|
<li {...props} className={clsx('aspect-square transition-opacity', props.className)}>
|
|
{props.children}
|
|
</li>
|
|
);
|
|
}
|
|
|
|
Grid.Item = GridItem;
|
|
|
|
export default Grid;
|