[EuiCode] and [EuiCodeBlock] updated the props

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Added `gutterSize` prop to `EuiFacetGroup` ([#3639](https://github.com/elastic/eui/pull/3639))
+- Updated props of `EuiCode` and `EuiCodeBlock` to reflect only functional props ([#3647](https://github.com/elastic/eui/pull/3647))
 
 **Bug fixes**
 

src/components/code/_code_block.tsx

@@ -41,7 +41,7 @@ import { keys } from '../../services';
 import { EuiI18n } from '../i18n';
 import { EuiInnerText } from '../inner_text';
 import { keysOf } from '../common';
-import { FontSize, PaddingSize } from './code';
+import { FontSize, PaddingSize } from './code_block';
 
 const fontSizeToClassNameMap = {
   s: 'euiCodeBlock--fontSmall',

src/components/code/code.tsx

@@ -23,22 +23,14 @@ import React, { FunctionComponent, HTMLAttributes } from 'react';
 
 import { EuiCodeBlockImpl } from './_code_block';
 
-export type FontSize = 's' | 'm' | 'l';
-export type PaddingSize = 'none' | 's' | 'm' | 'l';
-
 export interface EuiCodeSharedProps {
-  paddingSize?: PaddingSize;
-
   /**
    * Sets the syntax highlighting for a specific language
    * @see http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html#language-names-and-aliases
    * for options
    */
   language?: string;
-  overflowHeight?: number;
-  fontSize?: FontSize;
   transparentBackground?: boolean;
-  isCopyable?: boolean;
 }
 
 interface Props extends EuiCodeSharedProps {

src/components/code/code_block.tsx

@@ -23,8 +23,15 @@ import { CommonProps } from '../common';
 import { EuiCodeBlockImpl } from './_code_block';
 import { EuiCodeSharedProps } from './code';
 
+export type PaddingSize = 'none' | 's' | 'm' | 'l';
+export type FontSize = 's' | 'm' | 'l';
+
 interface OwnProps extends EuiCodeSharedProps {
   inline?: false;
+  paddingSize?: PaddingSize;
+  fontSize?: FontSize;
+  overflowHeight?: number;
+  isCopyable?: boolean;
 }
 
 export type EuiCodeBlockProps = CommonProps &