All files / components/arrow-content index.js

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import Proptypes from 'prop-types'
import styled from 'styled-components'
import ArrowContentStyled from './arrow-content.styled'
 
const ArrowContent = ({ children, ...rest }) => (
  <ArrowContentStyled {...rest} >
    <div className='content'>
      {children}
    </div>
    <div className="arrow" />
  </ArrowContentStyled>
)
 
ArrowContent.propTypes = {
  color: Proptypes.string,
  size: Proptypes.number,
  hAlign: Proptypes.string.isRequired,
  vAlign: Proptypes.string.isRequired,
  hDistance: Proptypes.string,
}
 
ArrowContent.defaultProps = {
  color: '#c5d0e1',
  size: 5,
  hAlign: 'center',
  vAlign: 'bottom',
  hDistance: '20px'
}
 
export { ArrowContent }