ui/components/MessageActions/Rewrite.tsx

import { ArrowLeftRight } from 'lucide-react';

const Rewrite = ({

  rewrite,

  messageId,

}: {

  rewrite: (messageId: string) => void;

  messageId: string;

}) => {
  return (
    <button

      onClick={() => rewrite(messageId)}

      className="p-2 text-white/70 rounded-xl hover:bg-[#1c1c1c] transition duration-200 hover:text-white"

    >

      <ArrowLeftRight size={18} />

    </button>
  );
};

export default Rewrite;