import React from 'react'; import { Box, Stack, Heading, Flex } from '@chakra-ui/react'; import { Experience } from '../types/cv'; // Import Patternfly components import PatternflyTextInput from './PatternflyTextInput'; import PatternflyTextarea from './PatternflyTextarea'; // @ts-ignore import RedHatButton from './RedHatButton'; import RedHatIcon from './RedHatIcon'; // Red Hat brand colors const colors = { red: "#ee0000", redHover: "#cc0000", redActive: "#a30000", blue: "#0066cc", blueHover: "#004080", blueActive: "#002952", gray: { light: "#f5f5f5", medium: "#d2d2d2", dark: "#4c4c4c" } }; interface ExperiencesFormProps { experiences: Experience[]; onAddExperience: () => void; onUpdateExperience: (index: number, experience: Partial) => void; onRemoveExperience: (index: number) => void; } export const ExperiencesForm: React.FC = ({ experiences, onAddExperience, onUpdateExperience, onRemoveExperience }) => { return ( Experiences {experiences.map((experience, index) => ( ) => onUpdateExperience(index, { industry: e.target.value })} name={`experience-${index}-industry`} isRequired icon={} /> ) => onUpdateExperience(index, { date: e.target.value })} name={`experience-${index}-date`} isRequired helperText="Format: YYYY-MM to YYYY-MM or Present" icon={} /> ) => onUpdateExperience(index, { location: e.target.value })} name={`experience-${index}-location`} isRequired icon={} /> ) => onUpdateExperience(index, { description: e.target.value })} name={`experience-${index}-description`} rows={4} isRequired helperText="Describe your responsibilities and achievements" icon={} /> ) => onUpdateExperience(index, { technologies: e.target.value })} name={`experience-${index}-technologies`} helperText="Comma-separated list of technologies used" icon={} /> onRemoveExperience(index)} > Remove Experience ))} Add Experience ); };