// Registry configuration for searchbar component and demo

export const searchbarRegistry = {
  // Main searchbar component
  searchbar: {
    name: 'searchbar',
    description:
      'A customizable search input with debouncing, loading states, and suggestions.',
    type: 'registry:ui',
    dependencies: ['lucide-react-native'],
    registryDependencies: ['icon', 'text', 'view'],
    hooks: ['useColor'],
    theme: ['globals'],
    files: [
      {
        type: 'registry:ui',
        path: 'templates/components/ui/searchbar.tsx',
        target: 'components/ui/searchbar.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-22-37_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-22-37_1.MP4',
    },
  },

  // Default demo
  'searchbar-demo': {
    name: 'searchbar-demo',
    description: 'A basic search bar with search functionality',
    type: 'registry:example',
    registryDependencies: ['searchbar'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-demo.tsx',
        target: 'components/demo/searchbar/searchbar-demo.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-22-37_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-22-37_1.MP4',
    },
  },

  // Loading state example
  'searchbar-loading': {
    name: 'searchbar-loading',
    description: 'Search bar with loading indicator',
    type: 'registry:example',
    registryDependencies: ['searchbar'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-loading.tsx',
        target: 'components/demo/searchbar/searchbar-loading.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-22-58_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-22-58_1.MP4',
    },
  },

  // Custom icons example
  'searchbar-icons': {
    name: 'searchbar-icons',
    description: 'Search bar with custom left and right icons',
    type: 'registry:example',
    registryDependencies: ['searchbar', 'icon'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-icons.tsx',
        target: 'components/demo/searchbar/searchbar-icons.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-23-20_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-23-20_1.MP4',
    },
  },

  // Suggestions example
  'searchbar-suggestions': {
    name: 'searchbar-suggestions',
    description: 'Search bar with dropdown suggestions',
    type: 'registry:example',
    registryDependencies: ['searchbar'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-suggestions.tsx',
        target: 'components/demo/searchbar/searchbar-suggestions.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-23-53_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-23-53_1.MP4',
    },
  },

  // Custom styled example
  'searchbar-styled': {
    name: 'searchbar-styled',
    description: 'Search bar with custom styling and colors',
    type: 'registry:example',
    registryDependencies: ['searchbar'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-styled.tsx',
        target: 'components/demo/searchbar/searchbar-styled.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-25-07_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-25-07_1.MP4',
    },
  },

  // No clear button example
  'searchbar-no-clear': {
    name: 'searchbar-no-clear',
    description: 'Search bar without the clear button',
    type: 'registry:example',
    registryDependencies: ['searchbar'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-no-clear.tsx',
        target: 'components/demo/searchbar/searchbar-no-clear.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-25-30_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-25-30_1.MP4',
    },
  },

  // Instant search example
  'searchbar-instant': {
    name: 'searchbar-instant',
    description: 'Search bar with no debounce for instant search',
    type: 'registry:example',
    registryDependencies: ['searchbar', 'text', 'view'],
    hooks: [],
    theme: [],
    files: [
      {
        type: 'registry:example',
        path: 'templates/demo/searchbar/searchbar-instant.tsx',
        target: 'components/demo/searchbar/searchbar-instant.tsx',
      },
    ],
    preview: {
      light:
        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-25-55_1.MP4',
      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-25-55_1.MP4',
    },
  },
};