import React from 'react';
import { SectionProps, SectionShapeProperties, SectionTransitionsInout, SectionAnimationCombos, SectionTiming, SectionTransformControlsOpacityScaleRotation, SectionQuickActions, SectionFieldinspectorPosicinYTamao, SectionZorderLayerDepth, SectionFlipMirror, SectionZorder, SectionCollapsibleBorderEffects, SectionCollapsibleKeyframes } from './PropertySections';

export const ShapePropertiesPanel: React.FC<SectionProps> = (props) => {
  return (
    <div className="space-y-5">
      <SectionShapeProperties {...props} />
      <SectionTransitionsInout {...props} />
      <SectionAnimationCombos {...props} />
      <SectionTiming {...props} />
      <SectionTransformControlsOpacityScaleRotation {...props} />
      <SectionQuickActions {...props} />
      <SectionFieldinspectorPosicinYTamao {...props} />
      <SectionZorderLayerDepth {...props} />
      <SectionFlipMirror {...props} />
      <SectionZorder {...props} />
      <SectionCollapsibleBorderEffects {...props} />
      <SectionCollapsibleKeyframes {...props} />
    </div>
  );
};
