import * as React from 'react'; import {AlertTypes} from 'ts/types'; import {colors} from 'ts/utils/colors'; interface AlertProps { type: AlertTypes; message: string|React.ReactNode; } export function Alert(props: AlertProps) { const isAlert = props.type === AlertTypes.ERROR; const errMsgStyles = { background: isAlert ? colors.red200 : colors.lightestGreen, color: colors.white, marginTop: 10, padding: 4, paddingLeft: 8, }; return (
{props.message}
); }