27 lines
909 B
TypeScript
27 lines
909 B
TypeScript
import LocationBoxRaw from "@/components/LocationPreview/LocationBoxRaw";
|
|
import { HiOutlineMapPin, HiCheckBadge, HiOutlineUsers } from "react-icons/hi2";
|
|
|
|
type LocationContainerProps = {
|
|
address: string;
|
|
geohash: string;
|
|
};
|
|
export default function LocationContainer({
|
|
address,
|
|
geohash,
|
|
}: LocationContainerProps) {
|
|
return (
|
|
<div className="overflow-hidden rounded-[1rem] border bg-muted p-[0.5rem] @container">
|
|
<div className="flex items-center gap-x-3 px-2 pb-2">
|
|
<HiOutlineMapPin className="h-5 w-5" />
|
|
<h3 className="text-lg font-semibold">Location</h3>
|
|
</div>
|
|
<div className="h-[150px] overflow-hidden rounded-lg">
|
|
<LocationBoxRaw geohash={geohash} address={address} />
|
|
</div>
|
|
<div className="flex items-center @lg:px-2 @lg:pt-1">
|
|
<p className="pt-1.5 text-xs text-muted-foreground">{address}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|