import type { IMessage } from '@rocket.chat/core-typings';
import { memo } from 'react';

import AuditMessageList from './AuditMessageList';
import GenericNoResults from '../../../components/GenericNoResults';

export type AuditResultProps = {
	className?: string;
	messages: IMessage[];
};

const AuditResult = ({ className, messages }: AuditResultProps) => {
	if (messages.length === 0) {
		return <GenericNoResults />;
	}

	return (
		<div className={className} role='list' aria-live='polite'>
			<AuditMessageList messages={messages} />
		</div>
	);
};

export default memo(AuditResult);