one-click-accessibility/modules/settings/assets/js/helpers/accessibility-options.js
2025-12-31 16:15:01 +05:30

47 lines
1.4 KiB
JavaScript

import { __ } from '@wordpress/i18n';
import AccessibilityControlsIcon from '../icons/accessibility-controls';
import AccessibilityEyeIcon from '../icons/accessibility-eye';
import AccessibilityPersonIcon from '../icons/accessibility-person';
import AccessibilityTextIcon from '../icons/accessibility-text';
const optionStyle = {
color: 'info.main',
fontSize: 44,
};
// Define options as an object
const options = [
{
value: 'person',
icon: <AccessibilityPersonIcon sx={optionStyle} />,
label: __('Accessibility Person Icon', 'pojo-accessibility'),
},
{
value: 'eye',
icon: <AccessibilityEyeIcon sx={optionStyle} />,
label: __('Accessibility Eye Icon', 'pojo-accessibility'),
},
{
value: 'controls',
icon: <AccessibilityControlsIcon sx={optionStyle} />,
label: __('Accessibility Controls Slider Icon', 'pojo-accessibility'),
},
{
value: 'text',
icon: <AccessibilityTextIcon sx={optionStyle} />,
label: __('Accessibility Text Badge Icon', 'pojo-accessibility'),
},
{
value: 'custom',
icon: <AccessibilityTextIcon sx={optionStyle} />,
label: __('Accessibility Custom Icon', 'pojo-accessibility'),
},
];
// Export the options object
export default options;
// Optionally, export a function to get a specific option by value
export const getOptionByValue = (value) => {
return Object.values(options).find((option) => option.value === value);
};