Add basic typings for Flyout

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Gave `EuiFlyout` close button a data-test-subj ([#1000](https://github.com/elastic/eui/pull/1000/files))
+- Add typings for `EuiFlyout`, `EuiFlyoutBody`, `EuiFlyoutHeader`, and `EuiFlyoutFooter` ([#1001](https://github.com/elastic/eui/pull/1001))
 
 ## [`1.2.1`](https://github.com/elastic/eui/tree/v1.2.1)
 

src/components/flyout/index.d.ts

@@ -0,0 +1,28 @@
+declare module '@elastic/eui' {
+  export interface EuiFlyoutProps {
+    onClose: () => void;
+    size: 's' | 'm' | 'l';
+    /**
+     * Hides the default close button. You must provide another close button somewhere within the flyout.
+     */
+    hideCloseButton: boolean;
+    /**
+     * Locks the mouse / keyboard focus to within the flyout
+     */
+    ownFocus: boolean;
+  }
+
+  export const EuiFlyout: React.SFC<
+    CommonProps &
+    EuiFlyoutProps
+  >;
+
+  export const EuiFlyoutBody: React.SFC<CommonProps>;
+
+  export interface EuiFlyoutHeaderProps {
+    hasBorder: boolean;
+  }
+  export const EuiFlyoutHeader: React.SFC<CommonProps & EuiFlyoutHeaderProps>;
+
+  export const EuiFlyoutFooter: React.SFC<CommonProps>;
+}

src/components/index.d.ts

@@ -20,3 +20,4 @@
 /// <reference path="./overlay_mask/index.d.ts" />
 /// <reference path="./horizontal_rule/index.d.ts" />
 /// <reference path="./page/index.d.ts" />
+/// <reference path="./flyout/index.d.ts" />