const DockProps = [
    {
        name: 'model',
        type: 'object',
        default: 'null',
        description: 'MenuModel instance to define the action items.'
    },
    {
        name: 'position',
        type: 'string',
        default: 'bottom',
        description: "Position of element. Valid values are 'bottom', 'top', 'left' and 'right'."
    },
    {
        name: 'class',
        type: 'string',
        default: 'null',
        description: 'Style class of the element.'
    },
    {
        name: 'style',
        type: 'object',
        default: 'null',
        description: 'Inline style of the element.'
    },
    {
        name: 'exact',
        type: 'boolean',
        default: 'true',
        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
    },
    {
        name: 'tooltipOptions',
        type: 'object',
        default: 'null',
        description: "Whether to display the tooltip on items. The modifiers of tooltip can be used like an object in it. Valid keys are 'event' and 'position'."
    }
];

const DockSlots = [
    {
        name: 'item',
        description: 'Custom content for the item.'
    },
    {
        name: 'icon',
        description: 'Custom content for the icon.'
    }
];

module.exports = {
    dock: {
        name: 'Dock',
        description: 'Dock is a navigation component consisting of menuitems.',
        props: DockProps,
        slots: DockSlots
    }
};
