Nested Checkbox List - Copy this Angular, Tailwind Component to your project

Design a nested checkbox list where each main item can expand to reveal a set of sub items with checkboxes. The primary items should be easily distinguishable with checkboxes for selection, while the nested sub items are indented underneath the respective main item for clear hierarchy. Each sub item should also include a checkbox for selection. Ensure smooth interaction by allowing users to toggle the visibility of nested options effortlessly. The layout should be clean, organized, and easy to navigate, with distinct spacing and alignment for clarity. Make sure the design is responsive, adapting fluidly to different screen sizes and devices for an optimal user experience.