<Card header={{ title: "Modal - Icon", class: "mb-2" }} className="h-full relative p-4">
                                             <div className="flex gap-1 items-center relative h-[200px]">
                                                  <p>....</p>
                                             </div>
                                    </Card>
                         

                              <Card header={{ title: "Card - Color | border-solid", class: "mb-2 border-solid" }} className="h-full relative p-4 bg-black text-zinc-100">
                                   <div className="flex gap-1 items-center relative h-[200px] text-white">
                                        {/* 1 */}
                                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae vel provident repellat maiores veritatis iste ab soluta,
                                             corporis non assumenda. Saepe in ad obcaecati ipsa incidunt ipsum quo. Porro, libero.</p>
                                   </div>
                              </Card>