text: import React from "react";
  import LenkepanelMedIkon from "../common/LenkepanelMedIkon";
  import { transformTolokalDatoTid } from "../../utils/datoUtils";
  import PanelOverskrift from "../common/PanelOverskrift";
  import IkonOppgave from "../../assets/IkonOppgave";
  import OppgaveType from "../../types/OppgaveType";
  import InnloggingsstatusType from "../../types/InnloggingsstatusType";
  import { GoogleAnalyticsAction, removeFragment } from "../../utils/googleAnalytics";
  import getSikkerhetsnivaa from "../../utils/sikkerhetsnivaa";
  import "../../less/Oppgave.less";
  
  const Oppgave = ({ oppgave, innloggingsstatus }) => {
    const sikkerhetsnivaa = getSikkerhetsnivaa(oppgave, "oppgave", innloggingsstatus);
    const overskrift = <PanelOverskrift overskrift={sikkerhetsnivaa.tekst} type="Element" />;
    const lokalDatoTid = transformTolokalDatoTid(oppgave.eventTidspunkt);
  
    return (
      <LenkepanelMedIkon
        className="oppgave"
        alt="Oppgave"
        overskrift={overskrift}
        etikett={lokalDatoTid}
        href={sikkerhetsnivaa.lenke}
        gaCategory="Ditt NAV/Oppgave"
        gaAction={GoogleAnalyticsAction.Oppgave}
        gaUrl={removeFragment(sikkerhetsnivaa.lenke)}
      >
        <IkonOppgave />
      </LenkepanelMedIkon>
    );
  };
  
  Oppgave.propTypes = {
    oppgave: OppgaveType,
    innloggingsstatus: InnloggingsstatusType,
  };
  
  Oppgave.defaultProps = {
    oppgave: null,
    innloggingsstatus: null,
  };
  
  export default Oppgave;
  