import React from "react";
function IconLocation() {
return (
);
}
function IconEmail() {
return (
);
}
function IconPhone() {
return (
);
}
function IconBilling() {
return (
);
}
function IconPackage() {
return (
);
}
type InfoCardProps = {
title: string;
companyName: string;
companySubText: string;
taxId?: string;
address: string;
email: string;
phone: string;
icon: React.ReactNode;
isActive?: boolean;
};
const InfoCard = ({
title,
companyName,
companySubText,
taxId,
address,
email,
phone,
icon,
isActive = false,
}: InfoCardProps) => {
return (
{title}
{icon}
{companySubText}
{companyName}
{taxId && (
{taxId}
)}
{address}
);
};
const DEFAULT_BILLING = {
title: "Billing Information",
companySubText: "Organic Farms SA",
companyName: "VAT: ESB12345678",
taxId: undefined as string | undefined,
address: "Calle de las Flores 12328016 Madrid, Spain",
email: "info@biomket.com",
phone: "1345678905",
};
const DEFAULT_DELIVERY = {
title: "Delivery/Service Location",
companySubText: "Organic Farms SA - Main Facility",
companyName: "Madrid Region",
taxId: undefined as string | undefined,
address: "Camino KM 12 28850 Torrejón de Ardoz Madrid, Spain",
email: "info@biomket.com",
phone: "1345678905",
};
export type BillingLocationCardFields = {
title?: string;
companySubText?: string;
companyName?: string;
taxId?: string;
address?: string;
email?: string;
phone?: string;
};
export type BillingInfoDeliveryLocationCardsProps = {
billing?: BillingLocationCardFields;
delivery?: BillingLocationCardFields;
};
export default function BillingInfoDeliveryLocationCards({
billing,
delivery,
}: BillingInfoDeliveryLocationCardsProps) {
const b = { ...DEFAULT_BILLING, ...billing };
const d = { ...DEFAULT_DELIVERY, ...delivery };
return (
}
/>
}
isActive={true}
/>
);
}