import { css } from '@emotion/react';
import { clr } from '@os-design/theming';

const overrideDraftJsStyles = (p) => css`
  .DraftEditor-root {
    width: 100%;
    overflow: hidden;
    line-height: ${p.theme.lineHeight};
    color: ${clr(p.theme.colorText)};
  }
  .public-DraftEditorPlaceholder-root {
    color: ${clr(p.theme.inputColorPlaceholder)};
  }
  .public-DraftStyleDefault-block {
    margin: 0 0 ${p.theme.paragraphMarginBottom}em;
  }
`;

export default overrideDraftJsStyles;