Function ShareButtonInner

src/components/ui/ShareButton.tsx:80–101

* Inner component that uses R3F hooks (must be inside Canvas context)

({ shareSource, copied, setCopied, className }: ShareButtonInnerProps)

 * Inner component that uses R3F hooks (must be inside Canvas context)
 */
function ShareButtonInner({ shareSource, copied, setCopied, className }: ShareButtonInnerProps) {
  const { controls } = useThree();
  const display = getShareButtonDisplayState('share', copied);

  const handleShare = useCallback(async () => {
    const viewState = getControlsViewState(controls);
    const url = generateShareableUrl(shareSource, viewState);
    await copyWithFeedback(url, setCopied);
  }, [controls, shareSource, setCopied]);

  return (
    <button
      type="button"
      onClick={handleShare}
      className={`${getShareButtonClass(copied)} ${className}`}
      title={display.title}
    >
      <ShareButtonIcon iconKind={display.iconKind} />
      <span>{display.label}</span>
    </button>
  );
}

/**
 * Standalone ShareButton that doesn't require R3F context.