Function PageHeaderContainer

app/src/components/nav/PageHeaderContainer.tsx:3–17

(props: FlexProps)

import { Flex, type FlexProps } from "@chakra-ui/react";

const PageHeaderContainer = (props: FlexProps) => {
  return (
    <Flex
      px={8}
      py={2}
      minH={16}
      w="full"
      direction={{ base: "column", sm: "row" }}
      alignItems={{ base: "flex-start", sm: "center" }}
      justifyContent="space-between"
      fontWeight="500"
      {...props}
    />
  );
};

export default PageHeaderContainer;