Slot is a dynamic placeholder that either waits for content (passive slots) or calls out to a renderer to fill it in (active slots). When called with props, they encapsulate…