import { useState } from 'react';
import { Input, Grid, FieldGroup } from '@pega/cosmos-react-core';
import { useMockListData } from '../../core/SummaryList/SummaryList.mocks';
export const mockNetworkReq = (error = false) => new Promise((resolve, reject) => {
    setTimeout(error ? reject : resolve, 2000);
});
const count = 20;
export const mockRoles = Array.from({ length: 3 }, (_, i) => ({
    name: `Role-${i + 1}`,
    description: `This is a description of Role-${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet dolor a mauris imperdiet convallis.`
}));
export const AddAndEditForm = ({ selectedRoleName, firstName, lastName, email }) => {
    const inputs = (<Grid container={{ cols: '1fr', gap: 1 }}>
      <Input label='First name' required defaultValue={firstName}/>
      <Input label='Last name' required defaultValue={lastName}/>
      <Input type='email' label='Email' required defaultValue={email}/>
      <Input label='Job title' defaultValue={firstName ? 'Vice president' : undefined}/>
    </Grid>);
    return selectedRoleName ? (<FieldGroup name={`Fields for: ${selectedRoleName}`} headingTag='h3'>
      {inputs}
    </FieldGroup>) : (inputs);
};
export const useMockStakeholders = (cb) => {
    const [mockStakeholders, setMockStakeholders] = useState([]);
    const [mockListData] = useMockListData(() => {
        setMockStakeholders(mockListData);
        cb();
    }, { count });
    return [
        mockStakeholders.map(stakeholder => {
            return { ...stakeholder, role: stakeholder.role ?? mockRoles[0] };
        }),
        setMockStakeholders
    ];
};
//# sourceMappingURL=Stakeholders.mocks.jsx.map