List

const Preview = () => {
  return (
    <List.Unordered>
      <List.Item>Bøyabreen</List.Item>
      <List.Item>Briksdalsbreen</List.Item>
      <List.Item>Nigardsbreen</List.Item>
    </List.Unordered>
  );
};

render(<Preview />)

const Unordered = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        Foreningen har plikt til å ha revisor hvis de har
      </Heading>
      <List.Unordered>
        <List.Item>
          et gjennomsnittlig antall ansatte som tilsvarer ti årsverk eller mer
        </List.Item>
        <List.Item>balansesum som er 27 millioner kroner eller mer</List.Item>
        <List.Item>driftsinntekter på 35 millioner kroner eller mer</List.Item>
      </List.Unordered>
    </>
  );
};

render(<Unordered />)

const Ordered = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        Slik gjør du:
      </Heading>
      <List.Ordered>
        <List.Item>
          Tørk over kyllingfiletene før du krydrer og steker
        </List.Item>
        <List.Item>Ha salt og pepper på filetene</List.Item>
        <List.Item>
          Stek filetene på sterk varme i to minutter på hver side
        </List.Item>
      </List.Ordered>
    </>
  );
};

render(<Ordered />)

const Write1 = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        Siste frist for å søke er
      </Heading>
      <List.Unordered>
        <List.Item>
          15.november for hele året eller bare høstsemesteret
        </List.Item>
        <List.Item>15.mars for vårsemesteret</List.Item>
      </List.Unordered>
    </>
  );
};

render(<Write1 />)

const Write2 = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        Du må som hovedregel fylle disse vilkårene:
      </Heading>
      <List.Unordered>
        <List.Item>Du må være mellom 18 og 67 år.</List.Item>
        <List.Item>
          Du må ha vært medlem av folketrygden de siste 5 årene før du ble syk
          eller skadet.
        </List.Item>
        <List.Item>
          Du må ha minst 50 prosent redusert arbeids- og inntektsevne.
        </List.Item>
      </List.Unordered>
    </>
  );
};

render(<Write2 />)