text: import React from 'react'
  
  import { defaultPrevArrowStyle, lockedArrowStyle } from '../styles'
  
  
  export default (isActive) => {
    const style = isActive
      ? defaultPrevArrowStyle
      : Object.assign({}, defaultPrevArrowStyle, lockedArrowStyle);
  
    return (
      <div style={ style } className="ce-carousel__prev-arrow">
        <svg fill="#fff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/>
          <path d="M0-.5h24v24H0z" fill="none"/>
        </svg>
      </div>
    )
  }
  