File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
08-14
08-14
08-18
08-18
08-14
08-19
08-18
08-18
08-18
08-18
08-18
File name
Commit message
Commit date
"use client";
import type { ReactNode } from "react";
import { cx } from "../../utils";
export interface FoxCarouselAreaProps {
/** 위치 표시와 조작 버튼을 넣는다 — 시안은 [표시][이전][다음][재생·정지 또는 더보기]다. */
children: ReactNode;
/** 참이면 렌더하지 않는다(DOM에 남지 않는다). */
hidden?: boolean;
/** 배치 조정용. */
className?: string;
}
/**
* @fox 캐러셀 조작 묶음. 위치 표시와 버튼을 한 줄에 같은 간격으로 세운다.
*
* 무엇이 들어갈지는 정하지 않는다 — 시안에서도 조합이 두 가지(점+이전·다음·정지 /
* 숫자+이전·다음·더보기)라 담는 그릇만 갖는다.
*
* ⚠️ 스타일은 이 파일이 import하지 않는다 — 호스트 앱이 `@use "@fox/styles/components"`
* (또는 개별 파티셜)로 한 번 불러와야 한다.
*/
export function FoxCarouselArea({ children, hidden = false, className }: FoxCarouselAreaProps) {
if (hidden) {
return null;
}
return <div className={cx("fox-carousel-area", className)}>{children}</div>;
}