• Renders a checkboxes component for a residue.

    This component is used to display a checkbox for a residue, allowing the user to toggle its active and passive states.

    Parameters

    • __namedParameters: {
          activeChecked: boolean;
          activeDisabled: boolean;
          highlight: boolean;
          neighbourChecked: boolean;
          onActiveChange: ((event: ChangeEvent<HTMLInputElement>) => void);
          onHover: (() => void);
          onPassiveChange: ((event: ChangeEvent<HTMLInputElement>) => void);
          passiveChecked: boolean;
          passiveDisabled: boolean;
          resname: string;
          resno: number;
          seq: string;
          showActive: boolean;
          showPassive: boolean;
          theme: "dark" | "light";
      }
      • activeChecked: boolean
      • activeDisabled: boolean
      • highlight: boolean

        External component wants us to highlight this residue.

      • neighbourChecked: boolean

        If residue is selected as a neighbour the passive checkbox is checked.

      • onActiveChange: ((event: ChangeEvent<HTMLInputElement>) => void)
          • (event): void
          • Parameters

            • event: ChangeEvent<HTMLInputElement>

            Returns void

      • onHover: (() => void)

        We want external component to know we are hovering

          • (): void
          • Returns void

      • onPassiveChange: ((event: ChangeEvent<HTMLInputElement>) => void)
          • (event): void
          • Parameters

            • event: ChangeEvent<HTMLInputElement>

            Returns void

      • passiveChecked: boolean
      • passiveDisabled: boolean
      • resname: string
      • resno: number
      • seq: string
      • showActive: boolean
      • showPassive: boolean
      • theme: "dark" | "light"

    Returns Element