import ContentFields from './ContentFields.js';
import { ListItemProps } from './types.js';

const ListItemComponent = ({
  children,
  className = '',
  style = {},
  ...rest
}: ListItemProps) => {
  return (
    <li className={className} style={style} {...rest}>
      {children}
    </li>
  );
};

type ListItemComponentType = typeof ListItemComponent & {
  ContentFields: typeof ContentFields;
};

const ListItem = ListItemComponent as ListItemComponentType;
ListItem.ContentFields = ContentFields;

export default ListItem;
