import React, {FC, PropsWithChildren} from "react";
import {cn} from "../../utils/cn";

export type ListItemProps = {
    icon?: React.ReactNode,
    className?: string,
}

export const ListItem: FC<ListItemProps & PropsWithChildren> = ({children, icon, className}) => {
    return <li className={cn('flex items-start space-x-1', className)}>
        {icon || <div className="min-w-2 min-h-2 max-w-2 max
        -h-2 rounded-[2px] bg-gray-200 mt-[2px]"></div>
        }
        <div className="leading-[14px]">{children}</div>
    </li>
}
