feat: add message to EmptyState

1 files changed, 10 insertions, 1 deletions

diff --git a/src/components/EmptyState/EmptyState.tsx b/src/components/EmptyState/EmptyState.tsx
index b103e3c..f6a6363 100644
--- a/src/components/EmptyState/EmptyState.tsx
+++ b/src/components/EmptyState/EmptyState.tsx
@@ -3,6 +3,10 @@ import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import noContentIcon from '../../assets/noContent.svg';
 
+interface PropTypes {
+  message?: string;
+}
+
 const useStyles = makeStyles(theme => ({
   root: {
     display: 'flex',
@@ -17,7 +21,7 @@ const useStyles = makeStyles(theme => ({
 
 }));
 
-const EmptyState: React.FC = () => {
+const EmptyState: React.FC<PropTypes> = ({ message }) => {
   const classes = useStyles();
 
   return (
@@ -26,6 +30,11 @@ const EmptyState: React.FC = () => {
       <Typography variant="h5">
         No content
       </Typography>
+      <Typography color="textSecondary">
+        <p>
+          {message}
+        </p>
+      </Typography>
     </div>
   );
 };