ge_box_styles' ),
			'description' => esc_html__( 'Select message box design style.', 'js_composer' ),
		],
		[
			'type' => 'dropdown',
			'heading' => esc_html__( 'Shape', 'js_composer' ),
			'param_name' => 'style',
			// due to backward compatibility message_box_shape.
			'std' => 'rounded',
			'value' => [
				esc_html__( 'Square', 'js_composer' ) => 'square',
				esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
				esc_html__( 'Round', 'js_composer' ) => 'round',
			],
			'description' => esc_html__( 'Select message box shape.', 'js_composer' ),
		],
		[
			'type' => 'dropdown',
			'heading' => esc_html__( 'Color', 'js_composer' ),
			'param_name' => 'message_box_color',
			'value' => $custom_colors + vc_get_shared( 'colors' ),
			'description' => esc_html__( 'Select message box color.', 'js_composer' ),
			'param_holder_class' => 'vc_message-type vc_colored-dropdown',
		],
		[
			'type' => 'dropdown',
			'heading' => esc_html__( 'Icon library', 'js_composer' ),
			'value' => [
				esc_html__( 'Font Awesome', 'js_composer' ) => 'fontawesome',
				esc_html__( 'Open Iconic', 'js_composer' ) => 'openiconic',
				esc_html__( 'Typicons', 'js_composer' ) => 'typicons',
				esc_html__( 'Entypo', 'js_composer' ) => 'entypo',
				esc_html__( 'Linecons', 'js_composer' ) => 'linecons',
				esc_html__( 'Pixel', 'js_composer' ) => 'pixelicons',
				esc_html__( 'Mono Social', 'js_composer' ) => 'monosocial',
			],
			'param_name' => 'icon_type',
			'description' => esc_html__( 'Choose icon library.', 'js_composer' ),
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_fontawesome',
			'value' => 'fa fa-solid fa-circle-info',
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'iconsPerPage' => 500,
				// default 100, how many icons per/page to display.
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'fontawesome',
			],
			'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_openiconic',
			'value' => 'vc-oi vc-oi-dial',
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'type' => 'openiconic',
				'iconsPerPage' => 4000,
				// default 100, how many icons per/page to display.
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'openiconic',
			],
			'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_typicons',
			'value' => 'typcn typcn-adjust-brightness',
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'type' => 'typicons',
				'iconsPerPage' => 4000,
				// default 100, how many icons per/page to display.
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'typicons',
			],
			'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_entypo',
			'value' => 'entypo-icon entypo-icon-note',
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'type' => 'entypo',
				'iconsPerPage' => 4000,
				// default 100, how many icons per/page to display.
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'entypo',
			],
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_linecons',
			'value' => 'vc_li vc_li-heart',
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'type' => 'linecons',
				'iconsPerPage' => 4000,
				// default 100, how many icons per/page to display.
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'linecons',
			],
			'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_pixelicons',
			'value' => 'vc_pixel_icon vc_pixel_icon-alert',
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'type' => 'pixelicons',
				'source' => $pixel_icons,
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'pixelicons',
			],
			'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
		],
		[
			'type' => 'iconpicker',
			'heading' => esc_html__( 'Icon', 'js_composer' ),
			'param_name' => 'icon_monosocial',
			'value' => 'vc-mono vc-mono-fivehundredpx',
			// default value to backend editor admin_label.
			'settings' => [
				'emptyIcon' => false,
				// default true, display an "EMPTY" icon.
				'type' => 'monosocial',
				'iconsPerPage' => 4000,
				// default 100, how many icons per/page to display.
			],
			'dependency' => [
				'element' => 'icon_type',
				'value' => 'monosocial',
			],
			'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
		],
		[
			'type' => 'textarea_html',
			'holder' => 'div',
			'class' => 'messagebox_text',
			'heading' => esc_html__( 'Message text', 'js_composer' ),
			'param_name' => 'content',
			'value' => '<p>' . esc_html__( 'I am message box. Click edit button to change this text.', 'js_composer' ) . '</p>',
		],
		vc_map_add_css_animation( false ),
		[
			'type' => 'el_id',
			'heading' => esc_html__( 'Element ID', 'js_composer' ),
			'param_name' => 'el_id',
			'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %1$sw3c specification%2$s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
		],
		[
			'type' => 'textfield',
			'heading' => esc_html__( 'Extra class name', 'js_composer' ),
			'param_name' => 'el_class',
			'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
		],
		[
			'type' => 'css_editor',
			'heading' => esc_html__( 'CSS box', 'js_composer' ),
			'param_name' => 'css',
			'group' => esc_html__( 'Design Options', 'js_composer' ),
			'value' => [
				'padding-top' => '1em',
				'padding-bottom' => '1em',
				'padding-right' => '1em',
				'padding-left' => '4em',
				'margin-bottom' => '22px',
			],
		],
	],
	'js_view' => 'VcMessageView_Backend',
];