onboarding onboarding.tsx

0% Statements 0/5

100% Branches 0/0

0% Functions 0/1

0% Lines 0/5

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Flex, FlexProps, Box } from '@stacks/ui';
import { ForwardRefExoticComponentWithAs, forwardRefWithAs } from '@stacks/ui-core';
import React from 'react';
 
export const Onboarding: ForwardRefExoticComponentWithAs<FlexProps, 'div'> = forwardRefWithAs<
  FlexProps,
  'div'
>(({ children, ...props }, ref) => {
  return (
    <Flex
      position="relative"
      flexDirection="column"
      height="100%"
      maxWidth="424px"
      m="0 auto"
      ref={ref}
      {...props}
    >
      <Flex
        py="extra-loose"
        height="calc(100% - 44px)"
        minHeight="min-content"
        flexDirection="row"
        alignItems="center"
      >
        <Box width="100%" maxHeight="100%">
          {children}
        </Box>
      </Flex>
    </Flex>
  );
});