feat: UI v2 EmptyStudies Component

platform/ui/src/components/EmptyStudies/EmptyStudies.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { Icon, Typography } from '@ohif/ui';
+
+const EmptyStudies = ({ className }) => {
+  return (
+    <div className={classnames('flex-col inline-flex items-center', className)}>
+      <Icon name="magnifier" className="mb-4" />
+      <Typography className="text-custom-aquaBright" variant="h5">
+        No studies available
+      </Typography>
+    </div>
+  );
+};
+
+EmptyStudies.defaultProps = {
+  className: '',
+};
+
+EmptyStudies.propTypes = {
+  className: PropTypes.string,
+};
+
+export default EmptyStudies;

platform/ui/src/components/EmptyStudies/EmptyStudies.mdx

@@ -0,0 +1,30 @@
+---
+name: Empty Studies
+menu: Components
+route: components/empty-studies
+---
+
+import { Playground, Props } from 'docz';
+import EmptyStudies from './';
+
+# Empty Studies
+
+This component can be used to display a message when there are no studies.
+
+## Import
+
+```javascript
+import { EmptyStudies } from '@ohif/ui';
+```
+
+## Basic usage
+
+<Playground>
+  <div className="p-4">
+    <EmptyStudies />
+  </div>
+</Playground>
+
+## Properties
+
+<Props of={EmptyStudies} />

platform/ui/src/components/EmptyStudies/index.js

@@ -0,0 +1,2 @@
+import EmptyStudies from './EmptyStudies';
+export default EmptyStudies;