Завдання

Використовуючи Tailwind CSS, створіть компонент картки з наступними вимогами:

1. Картка повинна мати:
   • Максимальну ширину md;
   • Округлені кути;
   • Фоновий колір.
2. Картка повинна містити:
   • Зображення, яке займає всю ширину картки;
   • Заголовок із жирним шрифтом та великим розміром шрифту;
   • Абзац із базовим розміром шрифту та курсивним стилем.
3. Додайте бейджі до картки з:
   • Округленими кутами та малим розміром шрифту.

• Використовуйте max-w-md для встановлення максимальної ширини картки;
• Використовуйте rounded для додавання округлених кутів картці;
• Використовуйте bg-purple-100 для встановлення фонового кольору картки;
• Використовуйте w-full для того, щоб зображення займало всю ширину картки;
• Використовуйте font-bold для застосування жирного стилю до тексту;
• Використовуйте text-xl для встановлення більшого розміру шрифту для заголовка;
• Використовуйте text-base для встановлення базового розміру шрифту для тексту абзацу;
• Використовуйте italic для застосування курсивного стилю до тексту;
• Використовуйте rounded-full для додавання округлених кутів бейджам;
• Використовуйте text-sm для встановлення малого розміру шрифту для бейджів.