All files / app/pages/stacking/components stacking-user-confirm.tsx

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Box, BoxProps, color } from '@stacks/ui';
import React, { FC } from 'react';
 
interface StackingUserConfirmProps extends Omit<BoxProps, 'onChange'> {
  onChange(userConfirmed: boolean): void;
}
 
export const StackingUserConfirm: FC<StackingUserConfirmProps> = props => {
  const { onChange, ...rest } = props;
  return (
    <Box
      as="label"
      display="block"
      py="base"
      textStyle="body.small"
      color={color('text-caption')}
      userSelect="none"
      {...rest}
    >
      <Box mr="base-tight" display="inline-block">
        <input type="checkbox" onChange={e => onChange(e.target.checked)} />
      </Box>
      I have read and understand the above
    </Box>
  );
};