import React, { Fragment } from 'react';
import { Divider, makeStyles, Tooltip } from '@material-ui/core';
import { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';
import { MapPinIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    divider: {
        marginRight: theme.spacing(2),
        marginLeft: theme.spacing(2)
    }
}));
const LocationPin = (props) => {
    const { getLocation, location, tooltip } = props;
    const classes = useStyles();
    return (React.createElement(Fragment, null, React.createElement("div", { className: classes.divider }, React.createElement(Divider, { orientation: "vertical" })), React.createElement(Tooltip, { arrow: true, title: tooltip }, React.createElement(FluentIconButton, { onClick: () => getLocation(location), color: "primary", icon: MapPinIcon }))));
};
export default LocationPin;
//# sourceMappingURL=LocationPin.js.map