@shakthillc/components/src/InlineAlert/InlineAlert.js

React generic components for shakthi products

import React from 'react';
import style from "./InlineAlert.module.css"
import { PropTypes } from 'prop-types';
import Icon from '@material-ui/core/Icon';

const InlineAlert =({width:w,height:h,icon,color,text,display})=>{
    if(!display)
        var dispProp="none"
    return(<div style={{width:w,height:h,backgroundColor:color,display:dispProp}} className={style['Inline-container']}>
     <Icon>{icon}</Icon> 
     <div className={style['Inline-container--text']}>{text}</div>  
    </div>)
}

export default InlineAlert;

InlineAlert.defaultProps = {
    height:"32px",
    width:"432px",
    color:"#FFD4D1",
    display:true,
    icon:"report_problem",
    text:"This is a sample Inline alert"
  };
  InlineAlert.propTypes = {
    icon: PropTypes.string,
    color: PropTypes.string,
    width:PropTypes.string,
    height:PropTypes.string,
    text:PropTypes.string,
    display:PropTypes.bool
  };