openreplay/frontend/app/components/ui/NoContent/NoContent.js
2021-08-13 03:30:27 +05:30

27 lines
620 B
JavaScript

import { Icon } from 'UI';
import styles from './noContent.css';
export default ({
title = "No data available.",
subtext,
icon,
size,
show = true,
children = null,
empty = false,
image = null
}) => (!show ? children :
<div className={ `${ styles.wrapper } ${ size && styles[ size ] }` }>
{
icon && <div className={ empty ? styles.emptyIcon : styles.icon } />
}
{ title && <div className={ styles.title }>{ title }</div> }
{
subtext &&
<div className={ styles.subtext }>{ subtext }</div>
}
{
image && <div className="mt-4 flex justify-center">{ image } </div>
}
</div>
);