import { Form, FormItem, Input, Label, Option, Select } from '@ui5/webcomponents-react';


function App() {

  return <Form
    labelSpan="S12 M12 L12 XL12"
    layout="S1 M4 L4 XL4"
  >
    <FormItem labelContent={<Label required>Number of Replicas</Label>}>
      <Input type="Text" />
    </FormItem>
    <FormItem labelContent={<Label required >Request/Limit CPU</Label>}>
      <Input type="Text" />
    </FormItem>
    <FormItem labelContent={<Label required > Maximum Java Memory (Gi)</Label>}>
      <Input type="Text" />
    </FormItem>
    <FormItem labelContent={<Label required >Memory Scale Factor</Label>}>
      <Select>
        <Option>
          1
        </Option>
        <Option>
          1.25
        </Option>
        <Option>
          1.5
        </Option>
      </Select>
    </FormItem>
  </Form>

}

export default App;