2025-01-28 23:23:03 +03:00
|
|
|
import { LocationIcon } from '@/components/DomainIcons';
|
2025-02-20 18:10:34 +03:00
|
|
|
import { globalIDs } from '@/utils/constants';
|
2024-06-07 20:17:03 +03:00
|
|
|
|
|
|
|
interface BadgeLocationProps {
|
2024-11-21 15:09:31 +03:00
|
|
|
/** Location to display. */
|
2024-06-07 20:17:03 +03:00
|
|
|
location: string;
|
|
|
|
}
|
|
|
|
|
2024-11-21 15:09:31 +03:00
|
|
|
/**
|
|
|
|
* Displays location icon with a full text tooltip.
|
|
|
|
*/
|
2025-02-19 23:29:45 +03:00
|
|
|
export function BadgeLocation({ location }: BadgeLocationProps) {
|
2024-06-07 20:17:03 +03:00
|
|
|
return (
|
2025-02-20 18:10:34 +03:00
|
|
|
<div className='pl-2' data-tooltip-id={globalIDs.tooltip} data-tooltip-content={location}>
|
2024-06-07 20:17:03 +03:00
|
|
|
<LocationIcon value={location} size='1.25rem' />
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|