export const FIND_PERSON = gql`
  query FindPerson($filter: PersonFilterInput) {
    people(filter: $filter, sort: { field: "name", order: ASC }) {
      edges {
        node {
          firstName
          lastName
          linkedinUrl
          label
        }
      }
    }
  }
`;

export async function fetchPerson(personFilterData: PersonFilterInput): Promise<Person | null> {
  const { data } = await callQuery(FIND_PERSON, { filter: personFilterData });
  if (data.people.edges.length > 0) {
    return data.people.edges[0].node;
  }
  return null;
}

export const mockedPeopleData = [
  {
    firstName: 'Anthony',
    lastName: 'May',
    linkedinUrl: 'https://linkedin.com/in/anthonymay',
    label: 'POC',
  },
  // other mock data
];

export const Default = Template.bind({});
Default.play = async ({ canvasElement }) => {
  const canvas = within(canvasElement);
  const searchInput = await canvas.getByPlaceholderText('Search...');
  await userEvent.type(searchInput, 'Anthony May');
  const result = await canvas.findByText('Anthony May');
  expect(result).toBeInTheDocument();
};