aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/InlineCode.tsx
blob: 9f25927cd09d97106786af9316609ee81059a0f0 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import * as React from 'react';
import styled from 'styled-components';
import { colors } from '../variables';

interface InlineCodeProps {
    alt?: boolean;
    children: React.ReactNode;
}

const InlineCode = styled(({ alt, children, ...props }: InlineCodeProps) => <code {...props}>{children}</code>)`
    background-color: ${props => (props.alt ? '#E5E8E9' : colors.blueGray)};
    padding: 0.3125rem;
`;

export default InlineCode;