'use client';
import { ComponentStyler } from '@/components/builder/common/ComponentStyler';
import { PortfolioElement } from '@/src/types/portfolio';
import { ProjectList } from './ProjectList';
import { EditFormProps } from '@/types/common';

export function ProjectEditForm({ props, onPropChange }: EditFormProps) {
  return (
    <div className='space-y-4 h-full flex flex-col'>
      <ProjectList props={props} onPropChange={onPropChange} />
      <ComponentStyler
        styling={props.styling as PortfolioElement['styling']}
        onStylingChange={(styling) => onPropChange('styling', styling)}
        enabledOptions={{
          backgroundColor: true,
          padding: true,
          textColor: true,
          color: true,
        }}
      />
    </div>
  );
}
