.elementskit-add-template-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:40px;height:40px;padding:0;background-color:#f2295b;border-width:0;border-radius:30px;vertical-align:-2px;cursor:pointer}.elementskit-add-template-button>img{display:block;width:16px;height:16px!important;margin:12px auto 0}import { Box, Typography, Switch } from '@elementor/ui';
import * as PropTypes from 'prop-types';
import { UpgradeTooltip } from './upgrade-tooltip';

export const SubSetting = ( {
	label,
	settingKey,
	onSettingChange,
	checked = false,
	disabled = false,
	notExported = false,
	tooltip = false,
} ) => {
	const getToggle = () => {
		if ( notExported ) {
			return (
				<Typography
					data-testid={ `${ settingKey }-description` }
					variant="body1"
					color="text.secondary"
					sx={ {
						fontWeight: 400,
						alignSelf: 'center',
					} }
				>
					{ __( 'Not exported', 'elementor' ) }
				</Typography>
			);
		}

		const switchElement = (
			<Switch
				data-testid={ `${ settingKey }-switch` }
				checked={ checked }
				disabled={ disabled }
				onChange={ ( _, isChecked ) => onSettingChange && onSettingChange( settingKey, isChecked ) }
				color="info"
				size="medium"
				sx={ {
					alignSelf: 'center',
					...( disabled && tooltip && { cursor: 'pointer' } ),
				} }
			/>
		);

		return (
			<UpgradeTooltip disabled={ disabled } tooltip={ tooltip }>
				{ switchElement }
			</UpgradeTooltip>
		);
	};

	return (
		<Box
			sx={ {
				display: 'flex',
				justifyContent: 'space-between',
				alignItems: 'center',
			} }
		>
			<Typography data-testid={ `${ settingKey }-label` } variant="body1">
				{ label }
			</Typography>
			{ getToggle() }
		</Box>
	);
};

SubSetting.propTypes = {
	checked: PropTypes.bool,
	disabled: PropTypes.bool,
	notExported: PropTypes.bool,
	label: PropTypes.string.isRequired,
	settingKey: PropTypes.string.isRequired,
	onSettingChange: PropTypes.func,
	tooltip: PropTypes.bool,
};
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://crestpointsolution.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://crestpointsolution.com/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://crestpointsolution.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://crestpointsolution.com/wp-sitemap-posts-elementor-hf-1.xml</loc></sitemap><sitemap><loc>https://crestpointsolution.com/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://crestpointsolution.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>