/**
 * WordPress dependencies
 */
import { _x } from '@safe-wordpress/i18n';

/**
 * External dependencies
 */
import type { SegmentationRuleType } from '@nab/types';

/**
 * Internal dependencies
 */
import icon from './icon.svg';
import { Edit as edit } from './edit';
import { View as view } from './view';
import { validate } from './validate';
import type { Attributes } from './types';

export const name = 'nab/window-width';

export const settings: SegmentationRuleType< Attributes > = {
	name,
	title: _x( 'Window Width', 'text', 'nelio-ab-testing' ),
	category: 'nab/technology',
	icon,
	validate,
	singleton: true,

	attributes: {
		condition: 'is-greater-than',
		value: 800,
		interval: {
			min: 800,
			max: 1200,
		},
	},

	edit,
	view,
};