.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 (
{ __( 'Not exported', 'elementor' ) }
);
}
const switchElement = (
onSettingChange && onSettingChange( settingKey, isChecked ) }
color="info"
size="medium"
sx={ {
alignSelf: 'center',
...( disabled && tooltip && { cursor: 'pointer' } ),
} }
/>
);
return (
{ switchElement }
);
};
return (
{ label }
{ getToggle() }
);
};
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,
};
Resources – Crest Point Solution
Skip to main content