aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/grid/grid-item.tsx
blob: 0592cec20401a1607ad8d27ad0fb318b742113ef (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import { type ForwardRefRenderFunction, forwardRef } from 'react';
import { ListItem, type ListItemProps } from '../../atoms';

export type GridItemProps = ListItemProps;

const GridItemWithRef: ForwardRefRenderFunction<
  HTMLLIElement,
  GridItemProps
> = ({ children, ...props }, ref) => (
  <ListItem {...props} ref={ref}>
    {children}
  </ListItem>
);

export const GridItem = forwardRef(GridItemWithRef);