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 UnorderedEn = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        The association is required to have an auditor if it has
      </Heading>

      <List.Unordered>
        <List.Item>
          an average number of employees equivalent to ten full-time positions
          or more
        </List.Item>
        <List.Item>
          a balance sheet total of 27 million kroner or more
        </List.Item>
        <List.Item>operating income of 35 million kroner or more</List.Item>
      </List.Unordered>
    </>
  );
};

render(<UnorderedEn />)

const OrderedEn = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        How to do it:
      </Heading>

      <List.Ordered>
        <List.Item>
          Pat the chicken breasts dry before seasoning and frying
        </List.Item>
        <List.Item>Add salt and pepper to the breasts</List.Item>
        <List.Item>
          Fry the breasts on high heat for two minutes on each side
        </List.Item>
      </List.Ordered>
    </>
  );
};

render(<OrderedEn />)

const Write1En = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        The application deadline is
      </Heading>
      <List.Unordered>
        <List.Item>
          15 November for the full year or autumn semester only
        </List.Item>
        <List.Item>15 March for the spring semester</List.Item>
      </List.Unordered>
    </>
  );
};

render(<Write1En />)

const Write2En = () => {
  return (
    <>
      <Heading
        level={2}
        data-size='xs'
        style={{ marginBottom: 'var(--ds-size-2)' }}
      >
        As a general rule, you must meet these requirements:
      </Heading>
      <List.Unordered>
        <List.Item>You must be between 18 and 67 years old.</List.Item>
        <List.Item>
          You must have been a member of the National Insurance Scheme for the
          last 5 years before you became ill or injured.
        </List.Item>
        <List.Item>
          You must have at least a 50 per cent reduction in your ability to work
          and earn an income.
        </List.Item>
      </List.Unordered>
    </>
  );
};

render(<Write2En />)