const InplaceProps = [
    {
        name: "active",
        type: "boolean",
        default: "false",
        description: "Whether the content is displayed or not."
    },
    {
        name: "closable",
        type: "boolean",
        default: "false",
        description: "Displays a button to switch back to display mode."
    },
    {
        name: "diabled",
        type: "boolean",
        default: "false",
        description: "When present, it specifies that the element should be disabled."
    }
];

const InplaceEvents = [
    {
        name: "open",
        description: "Callback to invoke when inplace is opened.",
        arguments: [
            {
                name: "event",
                type: "object",
                description: "Browser event"
            }
        ]
    },
    {
        name: "close",
        description: "Callback to invoke when inplace is closed.",
        arguments: [
            {
                name: "event",
                type: "object",
                description: "Browser event"
            }
        ]
    }
];

const InplaceSlots = [
    {
        name: "display",
        description: "Output content"
    },
    {
        name: "content",
        description: "Actual content"
    }
];

module.exports = {
    inplace: {
        name: "Inplace",
        description: "Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.",
        props: InplaceProps,
        events: InplaceEvents,
        slots: InplaceSlots
    }
};