Field­Group

const medHjelpetekst = false;
const medFeil = false;
const medTooltip = false;

return (
  <FieldGroup
    legend="Hvordan kan vi kontakte deg?"
    labelProps={{ variant: 'small' }}
    helpLabel={
      medHjelpetekst
        ? "Vi sender viktige beskjeder til deg med de valgte metodene"
        : undefined
    }
    errorLabel={
      medFeil
        ? "Du må velge minst én kontaktmetode hvor vi kan sende viktige beskjeder"
        : undefined
    }
    tooltipProps={
      medTooltip
        ? {
            content:
              "Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed.",
          }
        : undefined
    }
  >
    <Checkbox name="checklist" value="phone" invalid={false}>
      Telefon
    </Checkbox>
    <Checkbox name="checklist" value="email" invalid={false}>
      E-post
    </Checkbox>
    <Checkbox name="checklist" value="snailmail" invalid={false}>
      Brev
    </Checkbox>
  </FieldGroup>
);