{"size": 1033, "ext": "js", "max_stars_repo_path": "src/components/VelgEventtype.js", "max_stars_repo_name": "navikt/dittnav-brukernotifikasjoner-intro", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/VelgEventtype.js", "max_issues_repo_name": "navikt/dittnav-brukernotifikasjoner-intro", "max_issues_repo_issues_event_min_datetime": "2021-06-22T14:25:10.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T09:33:51.000Z", "max_forks_repo_path": "src/components/VelgEventtype.js", "max_forks_repo_name": "navikt/dittnav-brukernotifikasjoner-intro", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 30.3823529412, "max_line_length": 141, "alphanum_fraction": 0.5750242014}
import React from 'react';
import {Normaltekst, Systemtittel} from "nav-frontend-typografi";
import Layout from "./styled/Layout";
import Innhold from "./styled/Innhold";
import Ingress from "./styled/Ingress";
import eventtyper from '../assets/VelgEventtype.png'
import styled from "styled-components";

const Bilde = styled.img`
  margin-top: 2rem;
  width: 100%;
`;

const VelgEventtype = () => {
    return (
        <Layout>
            <Innhold>
                <Systemtittel>
                    Hvilken eventtype skal vi bruke?
                </Systemtittel>
                <br/>
                <Ingress maxWidth="1200px">
                    <Normaltekst>
                        Ved å gå gjennom spørsmålene i figuren blir det enklere å finne ut hvilken eventtype som passer best til deres behov.
                    </Normaltekst>
                    <Bilde src={eventtyper} alt="Guide for valg av eventtype"/>
                </Ingress>
            </Innhold>
        </Layout>
    )
};

export default VelgEventtype;
