Notification Layout - Copy this React, Tailwind Component to your project

I need a simple rectangle notification layout that has a square user photo on the left, an indicator to show its new, a square event type icon (like a thumbs up) on the right side of the layout, a relative time (1m ago), and formatted text that is formatted like this: "{FirstName (In bold)} {EventAction} {EventName (in bold)} {EventActionSuffix}." The placeholder data can be: "Bryson has submitted the chore Wash The Dishes for approval." The new indicator color and the event type color need to be #e30bob and I will need a framed version of the layout and an unframed version so that the user knows which alerts have been interacted with. This means whatever layout you make will need to look good in a frame and outside of one.