Hamburger

function Demo() {
  const [isOpen, setIsOpen] = React.useState(false);
  const medTekst = false;
  const tekstFoerKnapp = false;
  const skaler = false;

  return (
    <div>
      <div>
        <Hamburger
          aria-controls="jkl-example-menu-placeholder"
          id="jkl-example-hamburger"
          isOpen={isOpen}
          onClick={() => setIsOpen(!isOpen)}
          actionLabel={
            medTekst
              ? {
                  close: "Lukk",
                  open: "Meny",
                  position: tekstFoerKnapp ? "before" : "after",
                  animated: skaler,
                }
              : undefined
          }
        />
      </div>
      <div
        id="jkl-example-menu-placeholder"
        aria-labelledby="jkl-example-hamburger"
        role="group"
        hidden={!isOpen}
      >
        Menyinnholdet ville vært inni et element med disse attributtene
      </div>
    </div>
  );
}

render(<Demo />);