import React from 'react';
import { SectionProps, SectionBrandDisplayModeToggle, SectionBackgroundRemovalForAllVideoImageStickerElements, SectionVolumeControlVideoaudio, SectionSpeedControlVideoaudio, SectionSourceTrimVideoaudio, SectionTiming, SectionTransformControlsOpacityScaleRotation, SectionFitModeImagevideo, SectionFocalPointCoverMode, SectionQuickActions, SectionFieldinspectorPosicinYTamao, SectionZorderLayerDepth, SectionFlipMirror, SectionZorder, SectionCollapsibleColorAdjustments, SectionCollapsibleBorderEffects, SectionCollapsibleKeyframes } from './PropertySections';

export const VideoPropertiesPanel: React.FC<SectionProps> = (props) => {
  return (
    <div className="space-y-5">
      <SectionBrandDisplayModeToggle {...props} />
      <SectionBackgroundRemovalForAllVideoImageStickerElements {...props} />
      <SectionVolumeControlVideoaudio {...props} />
      <SectionSpeedControlVideoaudio {...props} />
      <SectionSourceTrimVideoaudio {...props} />
      <SectionTiming {...props} />
      <SectionTransformControlsOpacityScaleRotation {...props} />
      <SectionFitModeImagevideo {...props} />
      <SectionFocalPointCoverMode {...props} />
      <SectionQuickActions {...props} />
      <SectionFieldinspectorPosicinYTamao {...props} />
      <SectionZorderLayerDepth {...props} />
      <SectionFlipMirror {...props} />
      <SectionZorder {...props} />
      <SectionCollapsibleColorAdjustments {...props} />
      <SectionCollapsibleBorderEffects {...props} />
      <SectionCollapsibleKeyframes {...props} />
    </div>
  );
};
