alignment setting

src/pages/editor/components/sidebar/ObjectSettings.tsx

@@ -6,6 +6,7 @@ import {
     SizeSettings,
     LinkSettings,
     VideoSettings,
+    AlignmentSettings,
     TransformSettings,
     GridSettings,
     MaskSettings,
@@ -14,11 +15,19 @@ import TextInstruction from "./instructions/TextInstruction";
 
 type ObjectSettingsProps = {
     selectedObject: EditorObject;
+    pageWidth: number;
+    pageHeight: number;
     onUpdate: (id: string, updates: Partial<EditorObject>) => void;
     onDelete: (id: string) => void;
 };
 
-const ObjectSettings = ({ selectedObject, onUpdate, onDelete }: ObjectSettingsProps) => {
+const ObjectSettings = ({
+    selectedObject,
+    pageWidth,
+    pageHeight,
+    onUpdate,
+    onDelete,
+}: ObjectSettingsProps) => {
     return (
         <div className="space-y-4">
             <div className="flex items-center justify-between pb-4 border-b border-border">
@@ -69,6 +78,11 @@ const ObjectSettings = ({ selectedObject, onUpdate, onDelete }: ObjectSettingsPr
                 <GridSettings selectedObject={selectedObject} onUpdate={onUpdate} />
             )}
 
+            <AlignmentSettings
+                pageWidth={pageWidth}
+                pageHeight={pageHeight}
+                onUpdate={onUpdate}
+            />
             <TransformSettings selectedObject={selectedObject} onUpdate={onUpdate} />
         </div>
     );