[docs] Update duplicate demo

Author: merceyz

docs/src/pages/css-in-js/basics/AdaptingStyledComponents.tsx

@@ -1,23 +1,24 @@
 import React from 'react';
 import { styled } from '@material-ui/styles';
-import Button, { ButtonProps as MuiButtonProps } from '@material-ui/core/Button';
+import Button, { ButtonProps } from '@material-ui/core/Button';
+import { Omit } from '@material-ui/types';
 
-type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
-
-interface Props {
+interface MyButtonProps {
   color: 'red' | 'blue';
 }
 
-type MyButtonProps = Props & Omit<MuiButtonProps, keyof Props>;
-
-const MyButton = styled(({ color, ...other }: MyButtonProps) => <Button {...other} />)({
-  background: (props: Props) =>
+const MyButton = styled(
+  ({ color, ...other }: MyButtonProps & Omit<ButtonProps, keyof MyButtonProps>) => (
+    <Button {...other} />
+  ),
+)({
+  background: (props: MyButtonProps) =>
     props.color === 'red'
       ? 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)'
       : 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',
   border: 0,
   borderRadius: 3,
-  boxShadow: (props: Props) =>
+  boxShadow: (props: MyButtonProps) =>
     props.color === 'red'
       ? '0 3px 5px 2px rgba(255, 105, 135, .3)'
       : '0 3px 5px 2px rgba(33, 203, 243, .3)',