import styled , { css } from 'styled-components' ; interface IContainerProps { type : 'error' | 'success' | 'info' ; isVisible : boolean ; } const alertTypeVariations = { info : css `
    background: #cbc5ea;
    color: #7051dc;
  ` , success : css `
    background: #e6fffa;
    color: #2e656a;
  ` , error : css `
    background: #fddede;
    color: #c53030;
  ` , } ; export const Container = styled . div < IContainerProps > `
  width: 100%;
  border-radius: 4px;
  padding: 15px 25px;
  text-align: center;

  display: ${ ( { isVisible } ) => ( isVisible ? 'flex' : 'none' ) };

  ${ ( { type } ) => alertTypeVariations [ type || 'info' ] };
` ;