openreplay/frontend/app/components/ui/NoContent/NoContent.js
2022-04-08 18:11:55 +02:00

28 lines
647 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,
style = {},
}) => (!show ? children :
<div className={ `${ styles.wrapper } ${ size && styles[ size ] }` } style={style}>
{
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>
);