var language,currentLanguage,languagesNoRedirect,hasWasCookie,expirationDate;import React from 'react';
import './style.scss';

const ColorPalettes = ( { selected, options, onChange, tabIndex, type } ) => {
	const handleKeyPress = ( e, palette ) => {
		e = e || window.event;

		if ( e.keyCode === 38 ) {
			//Up Arrow
			if ( e.target.previousSibling ) {
				e.target.previousSibling.focus();
			}
		} else if ( e.keyCode === 40 ) {
			//Down Arrow
			if ( e.target.nextSibling ) {
				e.target.nextSibling.focus();
			}
		} else if ( e.key === 'Enter' ) {
			//Enter
			onChange( e, palette );
		}
	};

	return (
		<div className={ `ist-color-palettes st-${ type }-style-pallete` }>
			{ Object.values( options ).map( ( palette, paletteIndex ) => {
				const title = palette.title || '';
				const firstColor = palette.colors[ 0 ] || '';
				const secondColor = palette.colors[ 1 ] || '';
				const thirdColor = palette.colors[ 2 ] || '';
				const fourthColor = palette.colors[ 3 ] || '';
				const fifthColor = palette.colors[ 4 ] || '';

				return (
					<div
						key={ paletteIndex }
						className={ `ist-color-palette ${
							palette.slug === selected
								? 'ist-color-palette-active'
								: ''
						}` }
						onClick={ ( event ) => {
							onChange( event, palette );
						} }
						onKeyDown={ ( event ) => {
							handleKeyPress( event, palette );
						} }
						tabIndex={ tabIndex }
					>
						{ type === 'default' && (
							<div className="ist-colors-title">{ title }</div>
						) }
						<div className="ist-colors-list">
							<div
								className="ist-palette-color"
								style={ { backgroundColor: firstColor } }
							/>
							<div
								className="ist-palette-color"
								style={ { backgroundColor: secondColor } }
							/>
							<div
								className="ist-palette-color"
								style={ {
									backgroundColor: thirdColor,
								} }
							/>
							<div
								className="ist-palette-color"
								style={ {
									backgroundColor: fourthColor,
								} }
							/>
							<div
								className="ist-palette-color"
								style={ {
									backgroundColor: fifthColor,
								} }
							/>
						</div>
					</div>
				);
			} ) }
		</div>
	);
};

export default ColorPalettes;

.metaslider-tour{z-index:2147483647 !important;max-width:20rem !important}.metaslider-tour .shepherd-content{border-radius:.25rem !important;box-shadow:0 5px 25px rgba(0,0,0,0.17) !important}.metaslider-tour header{background-color:#e1642e !important;border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important;padding-top:.75rem !important;padding-bottom:.75rem !important;padding-left:1rem !important;padding-right:1rem !important}.metaslider-tour header h3{color:#fff !important;font-size:1.125rem !important;margin:0 !important}.metaslider-tour .shepherd-text{font-size:1.125rem !important;display:-webkit-box !important;display:flex !important;-webkit-box-align:center !important;align-items:center !important;padding:1rem !important;background-color:#fff !important;color:#23292d !important;text-align:left !important}.metaslider-tour .shepherd-text>*{font-size:1.125rem !important;margin:0 !important}.shepherd-element.shepherd-has-title .shepherd-content header a.shepherd-cancel-link{opacity:.75;color:#fff;font-size:.875rem;border-width:1px;border-color:#fff;height:1.5rem;width:1.5rem;padding:0;text-align:center;float:none;position:absolute;border-radius:9999px;line-height:21px !important;right:11px !important;top:9px !important}.shepherd-element.shepherd-has-title .shepherd-content header a.shepherd-cancel-link::after{position:absolute;font-size:1.125rem;color:#fff;content:'\f335';-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;font-family:dashicons !important;left:2px !important;top:1px !important}.metaslider-tour.shepherd-element-attached-top .shepherd-content:before{border-bottom-color:#e1642e !important}.metaslider-tour.shepherd-element-attached-bottom.shepherd-element-attached-right .shepherd-content:before{top:100%;left:100%;margin-left:-50px;border-top-color:#fff}.metaslider-tour.shepherd-element-attached-top.shepherd-element-attached-right .shepherd-content:before{top:auto !important;left:auto !important;right:26px !important;border-left-color:transparent !important;border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:#e1642e !important}.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before{display:block}body.shepherd-active[data-shepherd-step='preview'],body.shepherd-active[data-shepherd-step='add-slide']{position:fixed;width:100%}body.shepherd-active[data-shepherd-step='preview'] #ms-form-settings>.container,body.shepherd-active[data-shepherd-step='add-slide'] #ms-form-settings>.container{-webkit-filter:blur(3px);filter:blur(3px);pointer-events:none}<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://mubeenindustries.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://mubeenindustries.com/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-posts-portfolio-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-posts-product-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-taxonomies-woodmart_slider-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-taxonomies-project-cat-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-taxonomies-product_cat-1.xml</loc></sitemap><sitemap><loc>https://mubeenindustries.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>