1 files changed, 53 insertions, 53 deletions
diff --git a/apps/web/src/components/editor/media-panel/views/text.tsx b/apps/web/src/components/editor/media-panel/views/text.tsx
index b47edd8d..6d0d310b 100644
--- a/apps/web/src/components/editor/media-panel/views/text.tsx
+++ b/apps/web/src/components/editor/media-panel/views/text.tsx
@@ -1,53 +1,53 @@
-import { DraggableMediaItem } from "@/components/ui/draggable-item";
-import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
-import { useTimelineStore } from "@/stores/timeline-store";
-import { type TextElement } from "@/types/timeline";
-
-let textData: TextElement = {
-	id: "default-text",
-	type: "text",
-	name: "Default text",
-	content: "Default text",
-	fontSize: 48,
-	fontFamily: "Arial",
-	color: "#ffffff",
-	backgroundColor: "transparent",
-	textAlign: "center" as const,
-	fontWeight: "normal" as const,
-	fontStyle: "normal" as const,
-	textDecoration: "none" as const,
-	x: 0,
-	y: 0,
-	rotation: 0,
-	opacity: 1,
-	duration: TIMELINE_CONSTANTS.DEFAULT_TEXT_DURATION,
-	startTime: 0,
-	trimStart: 0,
-	trimEnd: 0,
-};
-
-export function TextView() {
-	return (
-		<div className="p-4">
-			<DraggableMediaItem
-				name="Default text"
-				preview={
-					<div className="flex items-center justify-center w-full h-full bg-accent rounded">
-						<span className="text-xs select-none">Default text</span>
-					</div>
-				}
-				dragData={{
-					id: textData.id,
-					type: textData.type,
-					name: textData.name,
-					content: textData.content,
-				}}
-				aspectRatio={1}
-				onAddToTimeline={(currentTime) =>
-					useTimelineStore.getState().addTextAtTime(textData, currentTime)
-				}
-				showLabel={false}
-			/>
-		</div>
-	);
-}
+import { DraggableMediaItem } from "@/components/ui/draggable-item";
+import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
+import { useTimelineStore } from "@/stores/timeline-store";
+import { type TextElement } from "@/types/timeline";
+
+let textData: TextElement = {
+  id: "default-text",
+  type: "text",
+  name: "Default text",
+  content: "Default text",
+  fontSize: 48,
+  fontFamily: "Arial",
+  color: "#ffffff",
+  backgroundColor: "transparent",
+  textAlign: "center" as const,
+  fontWeight: "normal" as const,
+  fontStyle: "normal" as const,
+  textDecoration: "none" as const,
+  x: 0,
+  y: 0,
+  rotation: 0,
+  opacity: 1,
+  duration: TIMELINE_CONSTANTS.DEFAULT_TEXT_DURATION,
+  startTime: 0,
+  trimStart: 0,
+  trimEnd: 0,
+};
+
+export function TextView() {
+  return (
+    <div className="p-4">
+      <DraggableMediaItem
+        name="Default text"
+        preview={
+          <div className="flex items-center justify-center w-full h-full bg-accent rounded">
+            <span className="text-xs select-none">Default text</span>
+          </div>
+        }
+        dragData={{
+          id: textData.id,
+          type: textData.type,
+          name: textData.name,
+          content: textData.content,
+        }}
+        aspectRatio={1}
+        onAddToTimeline={(currentTime) =>
+          useTimelineStore.getState().addTextAtTime(textData, currentTime)
+        }
+        showLabel={false}
+      />
+    </div>
+  );
+}