import { useComposeCast } from '@coinbase/onchainkit/minikit';

export default function ShareButton() {
  const { composeCast } = useComposeCast();

  const handleShare = () => {
    composeCast({
      text: 'Just completed the daily puzzle! 🧩'
    });
  };

  return (
    <button onClick={handleShare}>
      Share Achievement
    </button>
  );
}

import { useComposeCast } from '@coinbase/onchainkit/minikit';

export default function ShareAppButton() {
  const { composeCast } = useComposeCast();

  const handleShareApp = () => {
    composeCast({
      text: 'Check out this amazing Mini App!',
      embeds: [window.location.href]
    });
  };

  return (
    <button onClick={handleShareApp}>
      Share Mini App
    </button>
  );
}

import { useComposeCast } from '@coinbase/onchainkit/minikit';

export default function GameComplete({ score, level }) {
  const { composeCast } = useComposeCast();

  const shareAchievement = () => {
    composeCast({
      text: `🎉 Just hit level ${level} with ${score} points!`,
      embeds: [
        window.location.href,
        'https://yourgame.com/achievements/' + achievementId
      ]
    });
  };

  const shareGameInvite = () => {
    composeCast({
      text: 'Want to challenge me? Try to beat my high score! 🏆',
      embeds: [window.location.href]
    });
  };

  return (
    <div className="achievement-share">
      <h2>Congratulations! 🎉</h2>
      <p>Level {level} completed with {score} points</p>
      
      <div className="share-options">
        <button onClick={shareAchievement}>
          Share Achievement
        </button>
        <button onClick={shareGameInvite}>
          Challenge Friends
        </button>
      </div>
    </div>
  );
}

import { useComposeCast } from '@coinbase/onchainkit/minikit';
import { useState } from 'react';

export default function CustomShareDialog() {
  const { composeCast } = useComposeCast();
  const [shareText, setShareText] = useState('');

  const handleCustomShare = () => {
    if (!shareText.trim()) return;
    
    composeCast({
      text: shareText,
      embeds: [window.location.href]
    });
    
    // Clear after sharing
    setShareText('');
  };

  return (
    <div className="share-dialog">
      <textarea 
        value={shareText}
        onChange={(e) => setShareText(e.target.value)}
        placeholder="What would you like to share?"
        maxLength={280}
      />
      
      <div className="share-actions">
        <span>{280 - shareText.length} characters remaining</span>
        <button 
          onClick={handleCustomShare}
          disabled={!shareText.trim()}
        >
          Share Cast
        </button>
      </div>
    </div>
  );
}