import { UserManageAuthItem } from './user-manage-auth-item';
import { UserManageAuthListProps } from '../model/types';

export const UserManageAuthList = ({
  userItems,
  mid
}: UserManageAuthListProps) => {
  return (
    <div
      className="auth-list scrollbar-hide"
      style={{
        height: '100%',
        overflowY: 'auto',
        scrollbarWidth: 'none', // Firefox
        msOverflowStyle: 'none', // IE and Edge
      }}
    >
      {userItems.map((item) => (
        <UserManageAuthItem
          key={item.usrid}
          usrid={item.usrid}
          mid={mid}
          idCL={item.idCL}
          status={item.status}
        />
      ))}
    </div>
  );
};