All files / helpers renderStoriesWrapper.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react"
import mediaQueries from "styles/mediaQueries"
import styled from "styled-components"
 
const Wrapper = styled.div`
  ${mediaQueries.tablet} {
    width: 790px;
  }
 
  ${mediaQueries.desktop} {
    width: 880px;
  }
`
 
const renderStoriesWrapper =
  (Component: React.JSXElementConstructor<any>, children?: React.ReactNode) =>
  // eslint-disable-next-line react/display-name, react/function-component-definition
  (args: any) =>
    (
      <Wrapper>
        <Component {...args}>{children}</Component>
      </Wrapper>
    )
 
export default renderStoriesWrapper