Social Media Content Rewriter

Elevate your social posts with AI-powered rewrites

Enter your prompt here:

setContent(e.target.value)}
            name="content"
          />
          <div className="flex justify-center">
            <StylishButton
              text={isLoading ? "Rewriting..." : "Rewrite Content"}
              icon="fa-sync-alt"
              color="yellow"
              onClick={handleRewrite}
            />
          </div>
        </div>
        {isLoading && (
          <div className="text-center mb-6">
            <i className="fas fa-spinner fa-spin text-4xl"></i>
          </div>
        )}
        {rewrittenContent && (
          <div className="bg-[#7EE7D6] rounded-lg border-2 border-black p-6 shadow-md">
            <h2 className="text-xl font-bold mb-4">Rewritten Content:</h2>
            <p className="mb-4">{rewrittenContent}</p>
            <div className="flex justify-center">
              <StylishButton
                text="Copy to Clipboard"
                icon="fa-copy"
                color="yellow"
                onClick={handleCopyToClipboard}
              />
            </div>
          </div>
        )}
      </div>
    </div>
  );
}</article></body></html>