Camera

import { useCamera } from '@cskn/sdk';

function TakePhoto() {
  const { capture, loading } = useCamera();

  const onClick = async () => {
    const result = await capture({ quality: 0.8, allowsEditing: true });
    if (result.cancelled || result.error) return;
    upload(result.asset!.uri); // data:image/jpeg;base64,…
  };

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

import { useCameraShot } from '@cskn/sdk';

function StoryComposer() {
  const { open, busy, available } = useCameraShot();

  if (available === false) {
    return <input type="file" accept="image/*,video/*" capture />;
  }

  const shoot = async () => {
    const shot = await open({
      mode: 'both',
      maxDurationMs: 60_000,
      title: 'New story',
      hint: 'Tap for a photo, hold to record',
    });
    if (shot.cancelled || shot.error) return;
    if (shot.photo) upload(shot.photo.uri);
    else if (shot.video?.blob) upload(shot.video.blob);
  };

  return <button onClick={shoot} disabled={busy || available === undefined}>Shoot</button>;
}