#399

frontend/src/components/posts/import/PostImportSummaryChip.tsx

@@ -0,0 +1,19 @@
+import PostImportStatusBadge from '@/components/posts/import/PostImportStatusBadge'
+
+import type { FC } from 'react'
+
+import type { PostImportBadgeValue } from '@/components/posts/import/postImportRowStatus'
+
+type Props = {
+    label: string
+    value: number
+    badge?: PostImportBadgeValue }
+
+const PostImportSummaryChip: FC<Props> = ({ label, value, badge }) => (
+    <div className="flex items-center gap-2 rounded-full border border-border
+		    bg-background px-3 py-1 text-sm">
+      {badge != null && <PostImportStatusBadge value={badge}/>}
+      <span>{label} {value}</span>
+    </div>)
+
+export default PostImportSummaryChip