Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import React from "react";
import { Icon } from "@/components/ui/icons";
import { Button } from "@/components/ui";
interface OrderActionsProps {
toggleEdit: () => void;
toggleDetails: () => void;
}
const OrderActions: React.FC<OrderActionsProps> = ({ toggleEdit, toggleDetails }) => {
return (
<>
<Button
variant="ghost"
size="sm"
onClick={toggleDetails}
aria-label="Show Order Details"
className="p-2"
>
<Icon name="eye" size={18} style={{ color: "#495270" }} />
</Button>
<Button
variant="ghost"
size="sm"
onClick={toggleEdit}
aria-label="Edit Order"
className="p-2"
>
<Icon name="edit" size={16} style={{ color: "#495270" }} />
</Button>
</>
);
};
export default OrderActions;
|