RadioPanel

() => {
    const [value, setValue] = React.useState(null);
    return (
      <div style={{ width: '20rem' }}>
        <RadioGroup
          name="ticket-type"
          label="Velg billettype:"
          onChange={e => setValue(e.target.value)}
          value={value}
        >
          <div style={{ display: 'grid', gridGap: '0.5rem' }}>
            <RadioPanel
              title="Standard"
              secondaryLabel="199,-"
              value="non-flexi"
              size="large"
            >
              Ikke fleksibel
            </RadioPanel>
            <RadioPanel
              title="Premium"
              secondaryLabel="299,-"
              value="flexi"
              size="large"
            >
              <div>Fleksibel billett</div>
              {value === 'flexi' && (
                <Label as="div">
                  Billetten kan refunderes eller endres ved et senere tidspunkt
                </Label>
              )}
            </RadioPanel>
          </div>
        </RadioGroup>
      </div>
    );
  }