aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/InlineCode.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/InlineCode.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/InlineCode.tsx9
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 };