useOs

import { useOs } from '@kivora/react';

function KeyboardShortcut() {
  const os = useOs();
  const modifier = os === 'macos' ? '⌘' : 'Ctrl';

  return <kbd>{modifier} + K</kbd>;
}

const os = useOs();
const shortcutKey = os === 'macos' ? '⌘' : 'Ctrl';

return (
  <div>
    <p>Save: {shortcutKey} + S</p>
    <p>Copy: {shortcutKey} + C</p>
    <p>Paste: {shortcutKey} + V</p>
  </div>
);

const os = useOs();
const isMobile = os === 'ios' || os === 'android';

return (
  <>
    {isMobile ? (
      <MobileNavigation />
    ) : (
      <DesktopNavigation />
    )}
  </>
);

const os = useOs();

return (
  <div 
    className={`app ${os}`}
    data-platform={os}
  >
    {/* Different styles for each OS */}
  </div>
);

const os = useOs();

const getDownloadLink = () => {
  switch (os) {
    case 'macos':
      return '/downloads/app-macos.dmg';
    case 'windows':
      return '/downloads/app-windows.exe';
    case 'linux':
      return '/downloads/app-linux.AppImage';
    default:
      return '/downloads';
  }
};

return (
  <a href={getDownloadLink()} download>
    Download for {os}
  </a>
);

type OS = 
  | 'undetermined'
  | 'macos'
  | 'ios'
  | 'windows'
  | 'android'
  | 'linux';

function useOs(): OS;