const ImageProps = [
    {
        name: 'preview',
        type: 'boolean',
        default: 'false',
        description: 'Controls the preview functionality.'
    }
];

const ImageEvents = [
    {
        name: 'show',
        description: 'Triggered when the preview overlay is shown.'
    },
    {
        name: 'hide',
        description: 'Triggered when the preview overlay is hidden.'
    },
    {
        name: 'error',
        description: 'Triggered when an error occurs while loading an image file.'
    }
];

const ImageSlots = [
    {
        name: 'indicator',
        description: 'Custom content for the preview indicator'
    }
];

module.exports = {
    image: {
        name: 'Image',
        description: 'Displays an image with preview and tranformation options.',
        props: ImageProps,
        events: ImageEvents,
        slots: ImageSlots
    }
};
