components Section.tsx

100% Statements 2/2

100% Branches 4/4

100% Functions 1/1

100% Lines 2/2

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
18
19
20
21
22
23
24
25  
 
 
 
 
 
 
 
 
11x
39x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
 
interface SectionProps {
  variant?: 'white' | 'gray';
  children: React.ReactNode;
  className?: string;
  id?: string;
}
 
export const Section: React.FC<SectionProps> = ({ variant = 'white', children, className = '', id }) => {
  return (
    <section 
      id={id}
      className={`
        w-full py-16 md:py-24 px-6 sm:px-8 lg:px-12
        ${variant === 'white' ? 'bg-white' : 'bg-[#f5f5f5]'}
        ${className}
      `}
    >
      <div className="max-w-[100rem] mx-auto">
        {children}
      </div>
    </section>
  );
};