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

export const sampleMeta: SampleMeta = {
  id: 'window-ui-base',
  componentId: 'window-ui',
  title: 'Window UI',
  description: '모달 스타일의 헤더 작업줄과 콘텐츠 영역을 가지며, 부모 영역 안에서 드래그와 리사이즈가 가능한 윈도우 컴포넌트입니다.',
  category: 'Overlay',
  kind: 'base',
  variantLabel: 'Base',
  order: 60,
  features: ['docs'],
};

export function Sample() {
  return (
    <div style={{ position: 'relative', height: 420, overflow: 'hidden', borderRadius: 16 }}>
      <WindowUI
        title="Inventory Board"
        subtitle="입고 / 피킹 / 출고 현황"
        defaultFrame={{ x: 24, y: 24, width: 360, height: 240 }}
      >
        <div style={{ display: 'grid', gap: 8 }}>
          <div>입고 검수 대기 12건</div>
          <div>피킹 완료 대기 7건</div>
          <div>출고 마감 임박 3건</div>
        </div>
      </WindowUI>
    </div>
  );
}
