fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
45 lines
927 B
TypeScript
45 lines
927 B
TypeScript
import React from 'react';
|
|
import { Icon } from 'UI';
|
|
import styles from './noContent.module.css';
|
|
|
|
interface Props {
|
|
title?: any;
|
|
subtext?: any;
|
|
icon?: string;
|
|
iconSize?: number;
|
|
size?: string;
|
|
show?: boolean;
|
|
children?: any;
|
|
image?: any;
|
|
style?: any;
|
|
className?: string;
|
|
}
|
|
|
|
export default function NoContent(props: Props) {
|
|
const {
|
|
title = '',
|
|
subtext = '',
|
|
icon,
|
|
iconSize,
|
|
size,
|
|
show,
|
|
children,
|
|
image,
|
|
style,
|
|
className,
|
|
} = props;
|
|
|
|
return !show ? (
|
|
children
|
|
) : (
|
|
<div
|
|
className={`${styles.wrapper} ${size && styles[size]} h-full ${className || ''}`}
|
|
style={style}
|
|
>
|
|
{icon && <Icon name={icon} size={iconSize} />}
|
|
{title && <div className="flex">{title}</div>}
|
|
{subtext && <div className={styles.subtext}>{subtext}</div>}
|
|
{image && <div className="mt-4 flex justify-center">{image} </div>}
|
|
</div>
|
|
);
|
|
}
|