text: import React from "react";
  import { Container } from "reactstrap";
  
  export default function CenteredContainer({ children }) {
    return (
      <Container
        className="d-flex align-items-center justify-content-center"
        style={{ minHeight: "100vh" }}
      >
        <div className="w-100" style={{ maxWidth: "600px" }}>
          {children}
        </div>
      </Container>
    );
  }
  