# leadin/11.1.21/scripts/shared/Meeting/MeetingSelector.tsx

HubSpot All-In-One Marketing – Forms, Popups, Live Chat, version 11.1.21. 39 lines.

- Page: https://pluginprobe.com/plugins/leadin/11.1.21/code/scripts/shared/Meeting/MeetingSelector.tsx
- Raw: https://pluginprobe.com/plugins/leadin/11.1.21/raw/scripts/shared/Meeting/MeetingSelector.tsx
- Modified: 2024-06-05T09:30:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/leadin/11.1.21/code/scripts/shared/Meeting/MeetingSelector.tsx#L10-L20`.

```tsx
import React, { Fragment } from 'react';
import AsyncSelect from '../Common/AsyncSelect';
import UISpacer from '../UIComponents/UISpacer';
import { __ } from '@wordpress/i18n';

interface IMeetingSelectorProps {
  options: any[];
  onChange: Function;
  value: any;
}

export default function MeetingSelector({
  options,
  onChange,
  value,
}: IMeetingSelectorProps) {
  const optionsWrapper = [
    {
      label: __('Meeting name', 'leadin'),
      options,
    },
  ];

  return (
    <Fragment>
      <UISpacer />
      <p data-test-id="leadin-meeting-select">
        <b>{__('Select a meeting scheduling page', 'leadin')}</b>
      </p>
      <AsyncSelect
        defaultOptions={optionsWrapper}
        onChange={onChange}
        placeholder={__('Select a meeting', 'leadin')}
        value={value}
      />
    </Fragment>
  );
}

```