subviews Spacer.tsx

100% Statements 6/6

62.5% Branches 5/8

100% Functions 1/1

100% Lines 6/6

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  
 
 
 
 
 
 
5x
5x
5x
 
 
 
 
 
 
 
 
5x
118x
118x
 
 
 
 
 
 
 
 
 
 
 
 
 
  /*
 * Copyright 2021 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Shield 1.0.0 license
 * that can be found in the licenses directory at the root of this repository, also available at
 * https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
 */
 
import React from 'react'
import { Container } from '@wings-software/uicore'
import css from './Spacer.module.scss'
 
interface SpacerInterface {
  paddingTop?: string
  paddingBottom?: string
  width?: string
  marginLeft?: string
}
 
export default function Spacer(props: SpacerInterface): JSX.Element {
  const { paddingTop, paddingBottom, marginLeft, width } = props
  return (
    <Container
      style={{
        paddingTop: `${paddingTop ? paddingTop : '0'}`,
        paddingBottom: `${paddingBottom ? paddingBottom : '0'}`,
        marginLeft: `${marginLeft ? marginLeft : '0'}`,
        width: `${width ? width : '100%'}`
      }}
      className={css.spacer}
    >
      <Container />
    </Container>
  )
}