import styled , { css } from 'reshadow' ; import { useStyles } from '@cloudbeaver/core-theming' ; import { baseFormControlStyles } from './baseFormControlStyles' ; const style = css `
  field-label {
    composes: theme-typography--body1 from global;
    font-weight: 500;
  }
` ; interface Props { label ? : string ; title ? : string ; className ? : string ; } export const FormFieldDescription = function FormFieldDescription ( { label , title , children , className , } ) { const styles = useStyles ( baseFormControlStyles , style ) ; return styled ( styles ) ( < field title = { title } className = { className } > { label && < field - label as = 'label' > { label } < /field-label>} < field - description > { children } < /field-description> < /field>); } ;