ㄱㄱ
This commit is contained in:
@@ -2,24 +2,19 @@
|
||||
import React from "react";
|
||||
|
||||
type Props = {
|
||||
height?: number | string; // ex) 224 or '14rem'
|
||||
height?: number | string; // ex) 224 or '14rem' (지정 시 고정 높이, 미지정 시 클래스 높이 사용)
|
||||
className?: string;
|
||||
};
|
||||
|
||||
// Figma 선택 요소(Container_Event)를 그대로 옮긴 플레이스홀더형 배너
|
||||
export function SelectedBanner({ height = 122, className }: Props) {
|
||||
export function SelectedBanner({ height, className }: Props) {
|
||||
return (
|
||||
<section
|
||||
className={`relative w-full overflow-hidden rounded-[12px] bg-[#D9D9D9] ${className ?? ""}`}
|
||||
style={{ height }}
|
||||
style={height != null ? { height } : undefined}
|
||||
aria-label="banner"
|
||||
>
|
||||
<div className="absolute left-1/2 -translate-x-1/2 flex items-center gap-[6px]" style={{ bottom: 12 }}>
|
||||
<span className="block h-[4px] w-[18px] rounded-full bg-[#F94B37]" aria-hidden />
|
||||
{Array.from({ length: 12 }).map((_, i) => (
|
||||
<span key={i} className="block h-[6px] w-[6px] rounded-full bg-[#B9B9B9]" aria-hidden />
|
||||
))}
|
||||
</div>
|
||||
{/* 스켈레톤 상태에서는 하단 점(페이지네이션) 제거 */}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user