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

export function TextEditForm({ props, onPropChange }: EditFormProps) {
  return (
    <div className='space-y-4'>
      <ComponentStyler
        styling={props.styling as PortfolioElement['styling']}
        onStylingChange={(styling) => onPropChange('styling', styling)}
        enabledOptions={{
          padding: true,
          fontSize: true,
          alignment: true,
          fontFamily: true,
          backgroundColor: true,
        }}
      />
    </div>
  );
}
