/** * ProgressBar.Core 컴포넌트의 Props를 정의합니다. */ type ProgressBarCoreProps = { /** * ProgressBar의 크기를 설정합니다. * * @default `medium` */ size?: "small" | "medium"; /** * ProgressBar 의 채워지는 영역의 색상을 정의합니다. * * - primary : `vars.semantic.color.borderSlate` * - success : `vars.semantic.color.borderSuccess` * - critical : `vars.semantic.color.borderCritical` * - highlight : `vars.semantic.color.borderHighlight` */ variant: "primary" | "success" | "critical" | "highlight"; /** * ProgressBar 컴포넌트의 진행률을 설정할 때 사용합니다. */ value: number; }; /** * ProgressBar.Percent 컴포넌트의 Props를 정의합니다 */ type ProgressBarPercentProps = ProgressBarCoreProps; /** * ProgressBar.Step 컴포넌트의 Props를 정의합니다. */ type ProgressBarStepProps = { /** * ProgressBar.Step 컴포넌트의 최대 단계 수입니다. */ maxStep: number; } & ProgressBarCoreProps; export { ProgressBarCoreProps, ProgressBarPercentProps, ProgressBarStepProps };