export const DEVICE_ARRAY: device[] = ['desktop', 'tablet', 'mobile'];

export const ALL_DEVICE_DATA: devices = [
	{device: 'desktop', label: 'desktop'},
	{device: 'tablet', label: 'tablet'},
	{device: 'mobile', label: 'mobile'},
];

export const TYPO_UNIT_SETTINGS: unitData[] = [
	{
		value: 'px',
		min: 0,
		max: 200,
		step: 1,
	},
	{
		value: 'em',
		min: 0,
		max: 10,
		step: 0.01,
	},
	{
		value: 'rem',
		min: 0,
		max: 10,
		step: 0.01,
	},
	{
		value: '%',
		min: 0,
		max: 100,
		step: 0.01,
	},
	{
		value: '-',
		min: 0,
		max: 10,
		step: 0.1,
	},
];

export const TYPO_LETTER_SPACING_UNIT_SETTINGS: unitData[] = [
	{
		value: 'px',
		min: -20,
		max: 20,
		step: 0.1,
	},
	{
		value: 'em',
		min: -2,
		max: 2,
		step: 0.01,
	},
	{
		value: 'rem',
		min: -2,
		max: 2,
		step: 0.01,
	},
];

export const TYPO_UNIT_OPTIONS_DATA = [
	{label: 'px', value: 'px'},
	{label: 'em', value: 'em'},
	{label: 'rem', value: 'rem'},
	{label: '%', value: '%'},
	{label: '-', value: '-'},
];

export const FONT_SIZE_UNIT_OPTIONS_DATA = [
	{label: 'px', value: 'px'},
	{label: 'em', value: 'em'},
	{label: 'rem', value: 'rem'},
];

export const LETTER_SPACING_UNIT_OPTIONS_DATA = [
	{label: 'px', value: 'px'},
	{label: 'em', value: 'em'},
	{label: 'rem', value: 'rem'},
];