Setup of the bug creation screen

Summary: This diff sets up the create form for the new support request project. The current screen is very basic. I will be iterating through it in the upcoming diffs.

Reviewed By: passy

Differential Revision: D18327464

fbshipit-source-id: af01fc10f68a135f32f0ae98551986852019e8aa

src/ui/components/MultiLineInput.tsx

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import styled from 'react-emotion';
+import {colors} from './colors';
+
+export const multilineStyle = {
+  border: `1px solid ${colors.light15}`,
+  borderRadius: 4,
+  font: 'inherit',
+  fontSize: '1em',
+  height: '28px',
+  lineHeight: '28px',
+  marginRight: 5,
+
+  '&:disabled': {
+    backgroundColor: '#ddd',
+    borderColor: '#ccc',
+    cursor: 'not-allowed',
+  },
+};
+
+const MultiLineInput = styled('textarea')({
+  ...multilineStyle,
+  padding: '0 10px',
+});
+
+export default MultiLineInput;

src/ui/index.tsx

@@ -70,6 +70,7 @@ export {default as TabsContainer} from './components/TabsContainer';
 
 // inputs
 export {default as Input} from './components/Input';
+export {default as MultiLineInput} from './components/MultiLineInput';
 export {default as Textarea} from './components/Textarea';
 export {default as Select} from './components/Select';
 export {default as Checkbox} from './components/Checkbox';