import { PortfolioElement } from '@/src/types/portfolio';
import { ComponentStyler } from '../common/ComponentStyler';
import { EditFormProps } from '@/types/common';

export function SectionsEditForm({ props, onPropChange }: EditFormProps) {
  return (
    <ComponentStyler
      enabledOptions={{
        backgroundColor: true,
        padding: true,
        alignment: true,
      }}
      styling={props.styling as PortfolioElement['styling']}
      onStylingChange={(styling) => onPropChange('styling', styling)}
    />
  );
}
