This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | import { useRef } from 'react'; | |
| const safeDocument = typeof document !== 'undefined' ? document : {}; | |
| /** | |
| * Usage: | |
| * const [blockScroll, allowScroll] = useScrollBlock(); | |
| */ | |
| export default () => { | |
| const scrollBlocked = useRef(); | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <svg></svg> | |
| <div style="padding: 2rem; text-align: center;"> | |
| <p>If you are viewing this example you are viewing the cached version of the rain fall probability of Lagos, Nigeria fetched from <a href="https://www.tomorrow.io/weather-api/">Tomorrow.io weather API on </a> - <small>December 03, 2021</small> | |
| </p> | |
| </div> | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | import java.util.*; | |
| public class abstr { | |
| //product interface for bgcolor | |
| public static interface BGCOLOUR { | |
| ////operations for bgcolour | |
| } | |
| //concrete products | |
| public static class light_bgcolour implements BGCOLOUR { | |
| ////implementing operations for light-theme bgcolour |