import React from 'react';
import UdpActionCard from './UdpActionCard';
import { AddIcon, SendIcon, CheckMarkIcon, ErrorIcon } from '@fluentui/react-icons';
/**
 * Example usage of UdpActionCard component
 */
const UdpActionCardExample = () => {
    const handleCardClick = () => {
        console.log('Card clicked!');
    };
    return (React.createElement("div", { style: {
            display: 'grid',
            gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))',
            gap: 'var(--spacing-05)',
            padding: 'var(--spacing-06)',
            alignItems: 'stretch'
        } }, React.createElement(UdpActionCard, { icon: AddIcon, iconColor: "info", primaryText: "Create RFI No", secondaryText: "Generate a new RFI number for this request", onClick: handleCardClick }), React.createElement(UdpActionCard, { icon: SendIcon, iconColor: "success", primaryText: "Submit to Consultant", secondaryText: "Submit this RFI to the consultant for review", to: "/submit-consultant" }), React.createElement(UdpActionCard, { icon: CheckMarkIcon, iconColor: "warning", primaryText: "Approve Request", secondaryText: "Approve this request and move to next stage", href: "https://example.com/approve" }), React.createElement(UdpActionCard, { icon: ErrorIcon, iconColor: "error", primaryText: "Reject Request", secondaryText: "Reject this request with comments", onClick: handleCardClick }), React.createElement(UdpActionCard, { icon: SendIcon, iconColor: "var(--note-color-main)", primaryText: "Send to Trades", secondaryText: "Submit this instruction to the selected trades", onClick: handleCardClick }), React.createElement(UdpActionCard, { icon: AddIcon, iconColor: "#FF6B6B", primaryText: "Custom Color", secondaryText: "Using a custom hex color for the icon and border", onClick: handleCardClick })));
};
export default UdpActionCardExample;
//# sourceMappingURL=CpsWorkflowCardExample.js.map