import type { EditorObject } from "../../../store/editorStore";
import Input from "@/components/Input";
import SizeSettings from "./SizeSettings";

type VideoSettingsProps = {
    selectedObject: EditorObject;
    onUpdate: (id: string, updates: Partial<EditorObject>) => void;
};

const VideoSettings = ({ selectedObject, onUpdate }: VideoSettingsProps) => {
    return (
        <>
            <Input
                label="آدرس ویدیو"
                value={selectedObject.videoUrl || ""}
                onChange={(e) => onUpdate(selectedObject.id, { videoUrl: e.target.value })}
                placeholder="https://example.com/video.mp4"
            />
            <SizeSettings selectedObject={selectedObject} onUpdate={onUpdate} defaultWidth={400} defaultHeight={300} />
        </>
    );
};

export default VideoSettings;