DraggableText

import React from "react";
import { DraggableText } from "components/draggable_text";

export function App() {
  return <DraggableText>Drag me into the design</DraggableText>;
}

import React from "react";
import { DraggableText } from "components/draggable_text";

export function App() {
  return (
    <DraggableText
      style={{
        fontStyle: "italic",
        fontWeight: "bold",
        textAlign: "center",
        textDecoration: "underline",
      }}
    >
      Drag me into the design
    </DraggableText>
  );
}

import React from "react";
import { DraggableText } from "components/draggable_text";

export function App() {
  return (
    <DraggableText
      style={{
        fontStyle: "italic",
        fontWeight: "bold",
        textAlign: "center",
        textDecoration: "underline",
      }}
      decoration="none"
      fontStyle="normal"
      fontWeight="normal"
      textAlign="end"
    >
      Drag me into the design
    </DraggableText>
  );
}