MenuItemWithDivider MenuItemWithDivider.tsx

100% Statements 6/6

100% Branches 0/0

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  
 
 
 
 
 
 
1x
1x
 
1x
 
1x
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
  /*
 * 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 { Text, Layout } from '@wings-software/uicore'
 
import css from './MenuItemWithDivider.module.scss'
 
const MenuItemWithDivider: React.FC<{ text: string }> = ({ text }) => {
  return (
    <Layout.Horizontal
      spacing="small"
      padding={{
        left: 'small',
        right: 'small'
      }}
    >
      <Text font="small">
        <div className={css.menuItemDividerText}>{text}</div>
      </Text>
      <div className={css.divider} />
    </Layout.Horizontal>
  )
}
 
export default MenuItemWithDivider