Image picker

import { isAvailable, useImagePicker } from '@cskn/sdk';
import { FilePicker } from '@cskn/ui';

function PickPhotos() {
  const { open, loading } = useImagePicker();

  if (!isAvailable()) {
    return <FilePicker accept="image/*" multiple onSelect={uploadFiles} />;
  }

  const onClick = async () => {
    const result = await open({ multiple: true, quality: 0.7 });
    if (result.cancelled || result.error) return;
    result.assets!.forEach((asset) => upload(asset.uri));
  };

  return <button onClick={onClick}>{loading ? 'Opening…' : 'Choose photos'}</button>;
}