import type { SampleMeta } from '../../../../widgets/core';
import { ProgressUI } from '../ProgressUI';

export const sampleMeta: SampleMeta = {
  id: 'dashboard-progress-base',
  componentId: 'dashboard-progress',
  title: 'Dashboard Progress',
  description: '라벨, 메타, 진행률을 함께 표현하는 대시보드 progress 컴포넌트입니다.',
  category: 'Components',
  kind: 'base',
  variantLabel: 'Base',
  order: 10,
  features: ['docs'],
};

export function Sample() {
  return (
    <ProgressUI
      label="배송 완료"
      meta="오늘 기준"
      data={{
        percent: 72,
        color: '#165dff',
      }}
    />
  );
}
