u

src/components/tiles/ArticleTile.jsx

@@ -0,0 +1,27 @@
+import Inventory2OutlinedIcon from '@mui/icons-material/Inventory2Outlined';
+import Typography from '@mui/material/Typography';
+import { Tile } from './Tile';
+import { formatPrice } from '../../utils/price';
+
+export class ArticleTile extends Tile {
+  renderIcon() {
+    return <Inventory2OutlinedIcon color="action" sx={{ fontSize: 36 }} />;
+  }
+
+  renderSecondary() {
+    const { article } = this.props;
+    if (!article) return null;
+    return (
+      <>
+        <Typography variant="caption" color="text.secondary" noWrap sx={{ maxWidth: '100%' }}>
+          {article.sku}
+        </Typography>
+        {article.price != null && (
+          <Typography variant="caption" fontWeight={600}>
+            {formatPrice(article.price)}
+          </Typography>
+        )}
+      </>
+    );
+  }
+}