ConceptPortal-public/rsconcept/frontend/src/components/Shared/SelectedCounter.tsx

26 lines
547 B
TypeScript
Raw Normal View History

import Overlay from '@/components/Common/Overlay';
2023-12-04 14:19:54 +03:00
interface SelectedCounterProps {
total: number
selected: number
position?: string
hideZero?: boolean
}
function SelectedCounter({
total, selected, hideZero,
position = 'top-0 left-0',
} : SelectedCounterProps) {
if (selected === 0 && hideZero) {
return null;
}
return (
<Overlay
position={`px-2 ${position}`}
className='select-none whitespace-nowrap small-caps clr-app'
>
2023-12-04 14:19:54 +03:00
Выбор {selected} из {total}
</Overlay>);
2023-12-04 14:19:54 +03:00
}
export default SelectedCounter;