@orchestrator-ui/orchestrator-ui-components/src/components/WfoJsonCodeBlock/styles.ts

Library of UI Components used to display the workflow orchestrator frontend

import { css } from '@emotion/react';

import { WfoTheme } from '@/hooks';

export const getStyles = ({ theme }: WfoTheme) => {
    const euiCodeBlockStyle = css({
        marginTop: 10,
        borderRadius: theme.border.radius.medium,
    });

    const euiBasicCodeBlockStyle = css({
        backgroundColor: 'inherit',
        '.euiCodeBlock__pre': {
            paddingTop: 0,
            paddingBottom: 0,
            paddingLeft: 0,
        },
        '.euiCodeBlock__controls': {
            backgroundColor: 'inherit',
        },
    });

    return {
        euiCodeBlockStyle,
        euiBasicCodeBlockStyle,
    };
};