import {__} from "@wordpress/i18n";

export const THEMES = [
    {
        label: __("Dark", 'limb-chatbot'),
        value: 'dark',
        icon: 'dark',
    },
    {
        label: __("Light", 'limb-chatbot'),
        value: 'light',
        icon: 'light',
    },
    {
        label: __("System", 'limb-chatbot'),
        value: 'system',
        icon: 'system',
    },
];

export const COLORS = [
    {
        value: '#458cf5',
    },
    {
        value: '#f93b4c',
    },
    {
        value: '#eba23a',
    },
    {
        value: '#29b327',
    },
    {
        value: '#616aee',
    },
];

export const SIZES = [
    // {
    //     value: 'sm',
    //     icon: 'sm',
    // },
    {
        value: 'md',
        icon: 'md',
    },
    {
        value: 'lg',
        icon: 'lg',
    },
    {
        value: 'xl',
        icon: 'xl',
    },
];

export const SHAPES = [
    {
        value: 'squircle',
        icon: 'squircle',
    },
    {
        value: 'circle',
        icon: 'circle',
    },
    {
        value: 'drop',
        icon: 'drop',
    },
];

export const AVATARS = [
    {
        value: 1,
        icon: '1',
        default: true,
    },
    {
        value: 2,
        icon: '2',
    },
    {
        value: 3,
        icon: '3',
    },
    {
        value: 4,
        icon: '4',
    },
    {
        value: 5,
        icon: '5',
    },
    {
        value: 6,
        icon: '6',
    },
];

export const ICONS = [
    {
        value: 1,
        icon: '1',
        default: true,
    },
    {
        value: 2,
        icon: '2',
    },
    {
        value: 3,
        icon: '3',
    },
    {
        value: 4,
        icon: '4',
    },
    {
        value: 5,
        icon: '5',
    },
    {
        value: 6,
        icon: '6',
    },
    {
        value: 7,
        icon: '7',
    },
];