{"version":3,"file":"CompositeInput.mocks.jsx","sourceRoot":"","sources":["../../../src/core/CompositeInput/CompositeInput.mocks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAMjB,EAAE,EAAE;IACH,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC1B;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,YAAY,CAClB,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAEpF;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,WAAW,CACjB,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAErF;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { ChangeEvent, Dispatch, SetStateAction } from 'react';\n\nimport { Flex, Input } from '@pega/cosmos-react-core';\n\nexport const FormRenderer = ({\n  firstName,\n  onFirstNameChange,\n  lastName,\n  onLastNameChange\n}: {\n  firstName: string;\n  onFirstNameChange: Dispatch<SetStateAction<string>>;\n  lastName: string;\n  onLastNameChange: Dispatch<SetStateAction<string>>;\n}) => {\n  return (\n    <Flex container={{ gap: 1 }}>\n      <Input\n        label='First name'\n        value={firstName}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => onFirstNameChange(e.target.value)}\n      />\n      <Input\n        label='Last name'\n        value={lastName}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => onLastNameChange(e.target.value)}\n      />\n    </Flex>\n  );\n};\n"]}