import { serverClient } from "@/lib/trpc/server" import AddCreditCardButton from "@/components/Profile/AddCreditCardButton" import CreditCardList from "@/components/Profile/CreditCardList" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import { getIntl } from "@/i18n" import styles from "./creditCards.module.css" export default async function CreditCardSlot() { const intl = await getIntl() const creditCards = await serverClient().user.creditCards() return (

{intl.formatMessage({ defaultMessage: "My payment cards", })} {intl.formatMessage({ defaultMessage: "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.", })}

) }