Google Calendar Sync - Copy this React, Tailwind Component to your project

Design a user interface screen for managing appointments synchronized with Google Calendar with the following buttons and functions: Disconnect Button: used to disconnect the WordPress user from Google, with the label 'Agent is connected with Google Calendar' Input Select Calendar: used to choose from a list of calendars, with the label 'Select calendar to sync' Appointment List: displays appointment information, sync status, sync and unsync buttons