'use client';

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';

export type MediaType = 'all' | 'photos' | 'videos';

interface MediaTypeFilterProps {
  value: MediaType;
  onChange: (value: MediaType) => void;
}

export function MediaTypeFilter({ value, onChange }: MediaTypeFilterProps) {
  return (
    <div className="space-y-2">
      <label className="text-sm font-medium text-secondary">Media type</label>
      <Select value={value} onValueChange={(val) => onChange(val as MediaType)}>
        <SelectTrigger className="w-full">
          <SelectValue />
        </SelectTrigger>
        <SelectContent>
          <SelectItem value="all">All</SelectItem>
          <SelectItem value="photos">Photos</SelectItem>
          <SelectItem value="videos">Videos</SelectItem>
        </SelectContent>
      </Select>
    </div>
  );
}


