import styled from '@modern-js/runtime/styled';
import { MessageTypes } from '.';

export const MessageWrap = styled.div<{ type: MessageTypes }>`
  .tipsContainer {
    font-family: Poppins-Bold;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: ${props =>
      props.type === MessageTypes.Error
        ? '#CB2424'
        : props => (props.type === MessageTypes.Info ? ' #000000' : '#48A92F')};
  }

  .iconContainer {
    width: 36px;
    height: 36px;
    margin-left: 3px;
  }
`;
