unleash.unleash/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/PushVariantsButton/PermissionCheckboxMenuItem.tsx

import { FC } from 'react';
import { useHasProjectEnvironmentAccess } from 'hooks/useHasAccess';
import { Checkbox, MenuItem } from '@mui/material';

interface PermissionCheckboxMenuItemProps {
    permission: string | string[];
    projectId: string;
    environment: string;
    checked: boolean;
    onClick: () => void;
}

export const PermissionCheckboxMenuItem: FC<PermissionCheckboxMenuItemProps> =
    ({ permission, projectId, environment, checked, onClick, ...props }) => {
        const hasPermissions = useHasProjectEnvironmentAccess(
            permission,
            projectId,
            environment,
        );

        return (
            <MenuItem disabled={!hasPermissions} onClick={onClick} {...props}>
                <Checkbox checked={checked} />
                {environment}
            </MenuItem>
        );
    };