import { Radio } from 'lucide-react';

export default function LiveChannelEmpty()
{
	return (
		<section className="home__live home__live--empty" aria-labelledby="home-live-heading">
			<header className="home__section-head">
				<h2 id="home-live-heading" className="home__section-title">
					라이브 방송 중
				</h2>
			</header>
			<div className="home__empty" role="status">
				<Radio className="home__empty-icon" aria-hidden="true" />
				<p className="home__empty-title">현재 방송 중인 채널이 없습니다</p>
				<p className="home__empty-desc">잠시 후 새로고침하여 다시 확인해 주세요</p>
			</div>
		</section>
	);
}
