36 lines
750 B
TypeScript
36 lines
750 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { Checkbox } from '@/ui/input/checkbox/components/Checkbox';
|
|
|
|
import { useSelectAllRows } from '../hooks/useSelectAllRows';
|
|
|
|
const StyledContainer = styled.div`
|
|
align-items: center;
|
|
|
|
display: flex;
|
|
height: 32px;
|
|
|
|
justify-content: center;
|
|
`;
|
|
|
|
export const SelectAllCheckbox = () => {
|
|
const { selectAllRows, allRowsSelectedStatus } = useSelectAllRows();
|
|
|
|
const checked = allRowsSelectedStatus === 'all';
|
|
const indeterminate = allRowsSelectedStatus === 'some';
|
|
|
|
function onChange() {
|
|
selectAllRows();
|
|
}
|
|
|
|
return (
|
|
<StyledContainer>
|
|
<Checkbox
|
|
checked={checked}
|
|
onChange={onChange}
|
|
indeterminate={indeterminate}
|
|
/>
|
|
</StyledContainer>
|
|
);
|
|
};
|