msgapp/src/app/components/SelectedBanner.tsx

"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;