/* removed */

/* .recent-files-list {
	.file-item {
		display: flex;
		align-items: center;
		padding: 12px 0;
		border-bottom: 1px solid #f8fafc;
		transition: background-color 0.2s;

		&:hover {
			background: #f8fafc;
			margin: 0 -15px;
			padding-left: 15px;
			padding-right: 15px;
			border-radius: 10px;
		}
	}

	.file-icon {
		width: 32px;
		height: 32px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 12px;
		font-size: 14px;
	}

	.file-info {
		flex: 1;
	}

	.file-name {
		font-weight: 500;
		color: v.$text-s;
		font-size: 14px;
		margin-bottom: 2px;
	}

	.file-meta {
		font-size: 12px;
		color: #64748b;
	}
} */

export default function RecentFilesList() {
	return (
		<div className="recent-files-list block-wrapper">
			<h3 className="chart-title">Новые файлы</h3>
			<div className="file-item">
				<div className="file-icon audio">🎵</div>
				<div className="file-info">
					<div className="file-name">file-name</div>
					<div className="file-meta">
						<span>date</span>
						<span> • check count</span>
					</div>
				</div>
			</div>
			<div className="file-item">
				<div className="file-icon videos">🎬</div>
				<div className="file-info">
					<div className="file-name">file-name</div>
					<div className="file-meta">
						<span>date</span>
						<span> • check count</span></div>
				</div>
			</div>
			<div className="file-item">
				<div className="file-icon photos">📸</div>
				<div className="file-info">
					<div className="file-name">file-name</div>
					<div className="file-meta">
						<span>date</span>
						<span> • check count</span></div>
				</div>
			</div>
		</div>
	)
}