HowItWorks index.tsx

100% Statements 2/2

100% Branches 0/0

100% Functions 2/2

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
26
27 72x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
72x
 
 
 
 
 
 
 
 
 
 
  export const HowItWorks = ({ children }: React.PropsWithChildren) => {
  return (
    <div className="py-8 px-6 border border-gray-300 rounded-md border-solid w-full">
      <h3 className="text-bold text-xl">How it works</h3>
      {children}
    </div>
  );
};
 
export type StepProps = {
  icon: React.ReactNode;
  title: React.ReactNode;
  content: React.ReactNode;
};
 
export const Step = ({ icon, content, title }: StepProps) => {
  return (
    <div className="flex gap-4 items-center mt-4">
      {icon}
      <div className="">
        <p className="text-bold">{title}</p>
        <p className="">{content}</p>
      </div>
    </div>
  );
};