We can use modal component for handling everything, it can render header, main components, buttons. its easy to follow a standard for all modals if we use 1 styling for all.
Modal header:
\- header content should be left aligned with the modal body content
Modal body:
\- main content should be in the middle.
\- padding should match the header padding
Modal footer:
Buttons:
\- buttons should be at bottom right and have “space-x-2” in case of 2 buttons.