import React from 'react';
import { UdpTimelineItem, UdpTimelineConnector, UdpTimelineDot, UdpTimelineSeparator } from 'udp-react-stencil-component-library';
export const TransactionTimelineItem = (props) => {
    const { item, title, description, date, status, onClick } = props;
    return (React.createElement(UdpTimelineItem, { dotShape: "default", onItemClick: () => { onClick(item); }, clickable: true, statusLabel: status }, React.createElement(UdpTimelineSeparator, { slot: "separator" }, React.createElement(UdpTimelineConnector, null), React.createElement(UdpTimelineDot, { color: "primary", shape: "default", size: "medium" })), React.createElement("span", { slot: "title" }, title), React.createElement("span", { slot: "content" }, date), React.createElement("span", { slot: "caption" }, description)));
};
//# sourceMappingURL=TransactionTimelineItem.js.map