text: import React from 'react';
  import LinkToAsset from './LinkToAsset';
  import ArrowImage from './ArrowImage';
  
  const Arrow = (
    ({ type }) => {
      const offset = type !== 'left' ? 1 : -1;
  
      return (
        <div className={`arrow ${type}`}>
          <div className="character-wrapper">
            <div className="character">
              <LinkToAsset offset={offset} apply doNotShowIfOnlyOne>
                <ArrowImage type={type} />
              </LinkToAsset>
            </div>
          </div>
        </div>
      );  
    }
  );
  
  export default Arrow;
  