import { Flex, Input } from '@pega/cosmos-react-core';
export const FormRenderer = ({ firstName, onFirstNameChange, lastName, onLastNameChange }) => {
    return (<Flex container={{ gap: 1 }}>
      <Input label='First name' value={firstName} onChange={(e) => onFirstNameChange(e.target.value)}/>
      <Input label='Last name' value={lastName} onChange={(e) => onLastNameChange(e.target.value)}/>
    </Flex>);
};
//# sourceMappingURL=CompositeInput.mocks.jsx.map