All files / src/components/layout PageContainer.tsx

100% Statements 3/3
100% Branches 1/1
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17            7x   6x         7x      
import React from "react";
 
interface PageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
  children: React.ReactNode;
}
 
const PageContainer = React.forwardRef<HTMLDivElement, PageContainerProps>(
  ({ children, className = "", ...props }, ref) => (
    <div className={`max-w-4xl mx-auto px-4 py-6 ${className}`} ref={ref} {...props}>
      {children}
    </div>
  )
);
PageContainer.displayName = "PageContainer";
 
export { PageContainer };