fix linting + code syntax for statless components

1 files changed, 5 insertions, 4 deletions

diff --git a/packages/dev-tools-pages/ts/components/InlineCode.tsx b/packages/dev-tools-pages/ts/components/InlineCode.tsx
index 9f25927cd..00e625d66 100644
--- a/packages/dev-tools-pages/ts/components/InlineCode.tsx
+++ b/packages/dev-tools-pages/ts/components/InlineCode.tsx
@@ -1,15 +1,16 @@
 import * as React from 'react';
 import styled from 'styled-components';
+
 import { colors } from '../variables';
 
 interface InlineCodeProps {
-    alt?: boolean;
+    isAlt?: boolean;
     children: React.ReactNode;
 }
 
-const InlineCode = styled(({ alt, children, ...props }: InlineCodeProps) => <code {...props}>{children}</code>)`
-    background-color: ${props => (props.alt ? '#E5E8E9' : colors.blueGray)};
+const InlineCode = styled(({ isAlt, children, ...props }: InlineCodeProps) => <code {...props}>{children}</code>)`
+    background-color: ${props => (props.isAlt ? '#E5E8E9' : colors.blueGray)};
     padding: 0.3125rem;
 `;
 
-export default InlineCode;
+export { InlineCode };