FAQ FAQItem.tsx

0% Statements 0/2

100% Branches 0/0

0% Functions 0/1

0% Lines 0/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
28
29
30
31
32
33
34
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import {
  Heading,
  Text,
  AccordionIcon,
  AccordionButton,
  AccordionItem,
  AccordionPanel,
  Box,
} from "@chakra-ui/react";
import type { FunctionComponent, ReactChild } from "react";
 
export interface FAQItemProps {
  question: ReactChild;
}
 
export const FAQItem: FunctionComponent<FAQItemProps> = ({
  question,
  children,
}) => (
  <AccordionItem>
    <AccordionButton>
      <Box flex="1" py={2} textAlign="left">
        <Heading as="h3" ml={8} size="sm">
          {question}
        </Heading>
      </Box>
      <AccordionIcon />
    </AccordionButton>
    <AccordionPanel px={12} py={4}>
      <Text
        color="textPrimary"
        fontSize="md"
        sx={{ p: { marginTop: "0", marginBottom: "4" } }}
      >
        {children}
      </Text>
    </AccordionPanel>
  </AccordionItem>
);