diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/InlineCode.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/InlineCode.tsx | 9 |
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 }; |