// Registry configuration for date-picker component and demo

export const datePickerRegistry = {
  // Main date-picker component
  'date-picker': {
    name: 'date-picker',
    description:
      'A customizable date and time picker component with bottom sheet UI.',
    type: 'registry:ui',
    dependencies: ['lucide-react-native'],
    registryDependencies: [
      'bottom-sheet',
      'button',
      'icon',
      'scroll-view',
      'text',
      'view',
    ],
    hooks: ['useColor'],
    theme: ['globals'],
    files: [
      {
        type: 'registry:ui',
        path: 'templates/components/ui/date-picker.tsx',
        target: 'components/ui/date-picker.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
    },
  },

  // Default demo
  'date-picker-demo': {
    name: 'date-picker-demo',
    description: 'A basic date picker with calendar view',
    type: 'registry:example',
    registryDependencies: ['date-picker'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-demo.tsx',
        target: 'components/demo/date-picker/date-picker-demo.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
    },
  },

  // Time picker example
  'date-picker-time': {
    name: 'date-picker-time',
    description: 'A time picker with hour and minute selection',
    type: 'registry:example',
    registryDependencies: ['date-picker', 'view'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-time.tsx',
        target: 'components/demo/date-picker/date-picker-time.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-26_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-26_1.MP4',
    },
  },

  // DateTime picker example
  'date-picker-datetime': {
    name: 'date-picker-datetime',
    description: 'A combined date and time picker',
    type: 'registry:example',
    registryDependencies: ['date-picker'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-datetime.tsx',
        target: 'components/demo/date-picker/date-picker-datetime.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-54_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-54_1.MP4',
    },
  },

  'date-picker-range': {
    name: 'date-picker-range',
    description: 'A date range picker',
    type: 'registry:example',
    registryDependencies: ['date-picker'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-range.tsx',
        target: 'components/demo/date-picker/date-picker-range.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-12-2025 21-16-09_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-12-2025 21-16-09_1.MP4',
    },
  },

  // Constraints example
  'date-picker-constraints': {
    name: 'date-picker-constraints',
    description: 'Date picker with minimum and maximum date limits',
    type: 'registry:example',
    registryDependencies: ['date-picker', 'view'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-constraints.tsx',
        target: 'components/demo/date-picker/date-picker-constraints.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-10-11_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-10-11_1.MP4',
    },
  },

  // Variants example
  'date-picker-variants': {
    name: 'date-picker-variants',
    description: 'Date pickers with different styling variants',
    type: 'registry:example',
    registryDependencies: ['date-picker', 'view'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-variants.tsx',
        target: 'components/demo/date-picker/date-picker-variants.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-11-51_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-11-51_1.MP4',
    },
  },

  // Formats example
  'date-picker-formats': {
    name: 'date-picker-formats',
    description: 'Time picker with 12-hour and 24-hour formats',
    type: 'registry:example',
    registryDependencies: ['date-picker', 'text', 'view'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-formats.tsx',
        target: 'components/demo/date-picker/date-picker-formats.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-12-10_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-12-10_1.MP4',
    },
  },

  // Form integration example
  'date-picker-form': {
    name: 'date-picker-form',
    description: 'Date picker integrated within a form with validation',
    type: 'registry:example',
    registryDependencies: ['date-picker', 'button', 'text', 'view'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/date-picker/date-picker-form.tsx',
        target: 'components/demo/date-picker/date-picker-form.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-13-34_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-13-34_1.MP4',
    },
  },
};