What is the best way to implement such a structure in angular?

Question

JavaScript

I am writing the following functionality: The user can create records, records have types (text, image, video). Depending on the type, it will have individual fields to fill (link to video, text or image). I think in what ways it is possible to build a similar structure in the project? It seems to me that you need to create a parent Post class and inherit from it TextPost, ImagePost, VideoPost.

I would like to see how you build the architecture of such functionality, or advise a pattern. Thank you.