import {Trans} from '@common/i18n/trans';
import React, {ReactNode} from 'react';
import {HeaderLayout} from '@common/datatable/data-table-header';
interface Props {
actions?: ReactNode;
selectedItemsCount: number;
}
export function SelectedStateDatatableHeader({
actions,
selectedItemsCount,
}: Props) {
return (
<HeaderLayout data-testid="datatable-selected-header">
<div className="mr-auto">
<Trans
message="[one 1 item|other :count items] selected"
values={{count: selectedItemsCount}}
/>
</div>
{actions}
</HeaderLayout>
);
}