Credit card components

You can customize card information using props: company for the company name, cardNumber for the card number, cardHolder for the cardholder name, and cardExpiration for the expiration date. All props have sensible defaults if not provided.

You can resize the card using the width prop. The component automatically calculates the appropriate height to maintain the correct aspect ratio. The original dimensions are 316px × 190px.

Currently, the component displays Mastercard logos by default. The logo color automatically adjusts based on the card type - colored logos for light backgrounds and white logos for dark backgrounds.