import styled , { css } from 'reshadow' ; import { composes , useStyles } from '@cloudbeaver/core-theming' ; interface Props { className ? : string ; } const styles = composes ( css `
    code-container {
      composes: theme-background-secondary theme-text-on-secondary from global;
    }
  ` , css `
    code-container {
      padding: 16px;
    }
  ` ) ; export const Code = function Code ( { children , className } ) { return styled ( useStyles ( styles ) ) ( < code - container className = { className } > < code > { children } < /code> < /code-container>); } ;