const WEBCHAT_CUSTOM_OPTIONS = {
    // BotStyleOptions should be modified following the instructions from
    // https://github.com/microsoft/BotFramework-WebChat/blob/0465cbff4e7b834accc079b056ed6d6ffd67bb1e/packages/component/src/Styles/defaultStyleOptions.js#L3
    // for images the absolute path must be included

    BotStyleOptions: {
        accent: '#E6007F',
        backgroundColor: '#f0f0f0',
        subtle: '#767676',

        // Avatar
        // botAvatarBackgroundColor: undefined, // defaults to accent color
        botAvatarImage: 'https://loveyourmind.nl/wp-content/uploads/2023/11/lym-heart.webp',
        // botAvatarInitials: '',
        // userAvatarBackgroundColor: , // defaults to accent color
        userAvatarImage: 'https://loveyourmind.nl/wp-content/uploads/2023/11/lym-heart.webp',
        // userAvatarInitials: 'L',

        bubbleBackground: 'rgba(219, 227, 217, 1)',
        // bubbleBorderRadius: 20,
        bubbleFromUserBackground: ' rgba(243, 238, 242, 1)',
        // bubbleFromUserBorderRadius: 20,
        bubbleFromUserTextColor: '#000000',
        bubbleTextColor: '#000000',

        // Send box
        // hideUploadButton: false,
        // sendBoxBorderBottom: 'solid 1px #E6E6E6',
        // sendBoxBorderLeft: '',
        // sendBoxBorderRight: '',
        // sendBoxBorderTop: 'solid 1px #E6E6E6',

        // Suggested actions
        // suggestedActionBackground: 'White',
        // suggestedActionBorderColor: undefined, // defaults to accent
        // suggestedActionBorderRadius: 20,
        // suggestedActionBorderStyle: 'solid',
        // suggestedActionBorderWidth: 1,
        // suggestedActionTextColor: null
    },

    // default startup and open buttons; they can be identical or different
    // startup means the button that starts a new conversation; open means the button that minimizes/maximizes the chat
    // for images the absolute path must be included
    // images are higher priority

    LayoutOptions: {
        title: 'Love Your Mind',
        subtitle: 'Chat met ons!',
        // startWebchatImage: 'https://loveyourmind.nl/wp-content/uploads/2023/11/lym-heart.webp',
        // startWebchatHtml: startupWebchatBtnHtml,
        // openWebchatImage: 'https://loveyourmind.nl/wp-content/uploads/2023/11/lym-heart.webp',
        // openWebchatHtml: openWebchatBtnHtml
    }
}