FrontEnd/src/components/list/ListItemContainer.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import { ComponentPropsWithoutRef, forwardRef, Ref } from "react";
import classNames from "classnames";

import "./ListItemContainer.css";

function _ListItemContainer(
  { className, children, ...otherProps }: ComponentPropsWithoutRef<"div">,
  ref: Ref<HTMLDivElement>,
) {
  return (
    <div
      ref={ref}
      className={classNames("cru-list-item-container", className)}
      {...otherProps}
    >
      {children}
    </div>
  );
}

const ListItemContainer = forwardRef(_ListItemContainer);

export default ListItemContainer;