/** @format */

import _ from 'lodash';
import React from 'react';
import styled from 'styled-components';

const Img = styled.img`
  width: 16px;
  height: 16px;
`;

interface PositionProps {
  size?: Record<string, any>;
  [key: string]: any;
}

const Position = (props: PositionProps) => {
  const { size, text = '这是地点', textStyle } = props;

  const styleBase = {
    fontSize: 14,
    color: '#2db9ff',
  };

  const style = _.merge(styleBase, size, textStyle);

  return (
    <div style={style}>
      <div>
        <Img src="https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d7f81ed2-9a71-4075-b87e-cd36f66c66d4.png" />
        <span>{text}</span>
      </div>
    </div>
  );
};

export default Position;