InvokeAI/invokeai/frontend/web/src/common/components/IAICheckbox.tsx

import { Checkbox, CheckboxProps } from '@chakra-ui/react';
import { memo, ReactNode } from 'react';

type IAICheckboxProps = CheckboxProps & {
  label: string | ReactNode;
};

const IAICheckbox = (props: IAICheckboxProps) => {
  const { label, ...rest } = props;
  return (
    <Checkbox colorScheme="accent" {...rest}>
      {label}
    </Checkbox>
  );
};

export default memo(IAICheckbox);