75 lines
2.4 KiB
TypeScript
75 lines
2.4 KiB
TypeScript
|
import { IconDocument, IconImageFile, IconVideoFile, IconAudioFile } from '@/app/ui/icons/icons';
|
||
|
|
|
||
|
|
export default function MyContentInfoBlock() {
|
||
|
|
return (
|
||
|
|
<div className="block-wrapper auto grow">
|
||
|
|
<div className="file-stats-container">
|
||
|
|
<div className="file-stats-grid">
|
||
|
|
<div className="file-stat-card">
|
||
|
|
<div className="file-stat-content">
|
||
|
|
<div className="file-stat-icon-wrapper image-icon">
|
||
|
|
<IconImageFile />
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-info">
|
||
|
|
<h4 className="file-stat-title">Image</h4>
|
||
|
|
<span className="file-stat-usage">0%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-details">
|
||
|
|
<span className="file-stat-count">0 files</span>
|
||
|
|
<span className="file-stat-size">0 GB</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="file-stat-card">
|
||
|
|
<div className="file-stat-content">
|
||
|
|
<div className="file-stat-icon-wrapper video-icon">
|
||
|
|
<IconVideoFile />
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-info">
|
||
|
|
<h4 className="file-stat-title">Videos</h4>
|
||
|
|
<span className="file-stat-usage">0%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-details">
|
||
|
|
<span className="file-stat-count">0 files</span>
|
||
|
|
<span className="file-stat-size">0 GB</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="file-stat-card">
|
||
|
|
<div className="file-stat-content">
|
||
|
|
<div className="file-stat-icon-wrapper audio-icon">
|
||
|
|
<IconAudioFile />
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-info">
|
||
|
|
<h4 className="file-stat-title">Audios</h4>
|
||
|
|
<span className="file-stat-usage">0%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-details">
|
||
|
|
<span className="file-stat-count">0 files</span>
|
||
|
|
<span className="file-stat-size">0 GB</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="file-stat-card">
|
||
|
|
<div className="file-stat-content">
|
||
|
|
<div className="file-stat-icon-wrapper document-icon">
|
||
|
|
<IconDocument />
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-info">
|
||
|
|
<h4 className="file-stat-title">Documents</h4>
|
||
|
|
<span className="file-stat-usage">0%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="file-stat-details">
|
||
|
|
<span className="file-stat-count">0 files</span>
|
||
|
|
<span className="file-stat-size">0 GB</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|