Files
msgapp/src/app/components/SelectedBanner.tsx
koreacomp5 0bf18968ad ㄱㄱ
2025-11-02 02:46:20 +09:00

25 lines
697 B
TypeScript

"use client";
import React from "react";
type Props = {
height?: number | string; // ex) 224 or '14rem' (지정 시 고정 높이, 미지정 시 클래스 높이 사용)
className?: string;
};
// Figma 선택 요소(Container_Event)를 그대로 옮긴 플레이스홀더형 배너
export function SelectedBanner({ height, className }: Props) {
return (
<section
className={`relative w-full overflow-hidden rounded-[12px] bg-[#D9D9D9] ${className ?? ""}`}
style={height != null ? { height } : undefined}
aria-label="banner"
>
{/* 스켈레톤 상태에서는 하단 점(페이지네이션) 제거 */}
</section>
);
}
export default SelectedBanner;