Select variables in server url

Author: BrettJephson

packages/react-openapi/src/OpenAPIServerURLVariable.tsx

@@ -12,5 +12,25 @@ export function OpenAPIServerURLVariable(props: {
     variable: OpenAPIV3.ServerVariableObject;
 }) {
     const { variable } = props;
+
+    if (variable.enum && variable.enum.length > 0) {
+        return (<select
+            className={classNames(
+                'openapi-section-select',
+                'openapi-select',
+            )}
+            value={variable.default}
+        >
+            {
+                variable.enum?.map((value: string) => {
+                    return (
+                        <option key={value} value={value}>
+                            {value}
+                        </option>
+                    );
+                }) ?? null}
+        </select>);
+
+    }
     return <span className={classNames('openapi-url-var')}>{variable.default}</span>;
 }