I need to return either Porover or Card depending on the condition with the same children content. This can be done by taking the children content into a separate component and returning it like this:
true ? <Popover>
: But it seems to me that this is not the best solution in this case
<Flex flexDirection="column" gap={3}>
{validations.map((validation) => (
{validation.text}
))}
