import * as React from 'react'; import styled from 'styled-components'; import { tint } from 'polished'; import InlineMessage from '../InlineMessage'; const InlineMessageInformation = styled(InlineMessage).attrs({ className: 'c-inline-message--information', icon: 'talend-info-circle', })` --c-inline-message--icon-color: ${({ theme }) => theme.colors?.informationColor[500]}; --c-inline-message-background: ${({ withBackground, theme }) => withBackground && tint(0.95, theme.colors?.informationColor[500])}; --c-inline-message-box-shadow: ${({ withBackground, theme }) => withBackground && `0 1px 2px ${tint(0.75, theme.colors?.informationColor[500])}`}; `; export default React.memo(InlineMessageInformation);