import React from 'react';
import { __ } from '@wordpress/i18n';
import { ChevronRight, Package } from 'lucide-react';

const OrderStatusCard = ({ onClick, disabled = false }) => (
    <button type="button" className="aisk-card aisk-card-link" onClick={onClick} disabled={disabled}>
        <span className="aisk-card-icon"><Package size={18} /></span>
        <span className="aisk-card-content">
            <span className="aisk-card-title">{__( 'Check your order status', 'aisk-ai-chat' )}</span>
            <span className="aisk-card-text">{__( 'Track your order in a few seconds', 'aisk-ai-chat' )}</span>
        </span>
        <ChevronRight size={18} className="aisk-card-chevron" />
    </button>
);

export default OrderStatusCard;