umami/components/common/EmptyPlaceholder.js

27 lines
635 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import Icon from 'components/common/Icon';
import Logo from 'assets/logo.svg';
import styles from './EmptyPlaceholder.module.css';
function EmptyPlaceholder({ msg, children }) {
return (
<div className={styles.placeholder}>
<Icon
icon={process.env.NEXT_PUBLIC_CUSTOM_LOGO_URL || <Logo />}
size="xlarge"
className={styles.icon}
/>
<h2 className={styles.msg}>{msg}</h2>
{children}
</div>
);
}
EmptyPlaceholder.propTypes = {
msg: PropTypes.node,
children: PropTypes.node,
};
export default EmptyPlaceholder;