Difference between Primary and Secondary Tabs in Material Design 3 - Practical Example?

Hi everyone,

I’m having some trouble understanding the use of primary and secondary tabs in Material Design 3. I’ve read the documentation and even asked GPT for help, but I’m still not entirely clear on how to use them effectively, especially in terms of hierarchy and content organization.

Here’s the link to Google’s official documentation on this component:

Could someone please explain the difference between the two, and if possible, provide a practical example of how and where each type of tab would ideally be used in an app?

I’d love to better understand the specific use cases for each type to know which one to use in different app contexts. If anyone could also share a screen example on Figma, it would be greatly appreciated.

Here’s the link to the Material Design 3 file on Figma:
https://www.figma.com/community/file/1035203688168086460

Thank you for the help!