const TimelineProps = [
    {
        name: 'value',
        type: 'array',
        default: 'null',
        description: 'An array of events to display.'
    },
    {
        name: 'align',
        type: 'string',
        default: 'left',
        description: 'Position of the timeline bar relative to the content. Valid values are "left", "right" and "alternate" for vertical layout and "top", "bottom" for horizontal layout.'
    },
    {
        name: 'layout',
        type: 'string',
        default: 'vertical',
        description: 'Orientation of the timeline, valid values are "vertical" and "horizontal".'
    },
    {
        name: 'dataKey',
        type: 'string',
        default: 'null',
        description: 'Name of the field that uniquely identifies the a record in the data.'
    }
];

const TimelineSlots = [
    {
        name: 'opposite',
        description: 'Custom content for the content to be placed at the other side of the bar'
    },
    {
        name: 'marker',
        description: 'Custom content for the marker'
    },
    {
        name: 'content',
        description: 'Custom content'
    },
    {
        name: 'connector',
        description: 'Connector element'
    }
];

module.exports = {
    timeline: {
        name: 'Timeline',
        description: 'Timeline visualizes a series of chained events.',
        props: TimelineProps,
        slots: TimelineSlots
    }
};