///Custom widget representing a marker on the map.
class CustomMarker extends StatelessWidget {
  const CustomMarker({super.key, required this.name, required this.image});

  final String name;
  final String image;

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Container(
          padding: const EdgeInsets.all(5),
          decoration: BoxDecoration(
            color: const Color(0xffFEC83A),
            borderRadius: BorderRadius.circular(10),
          ),
          child: Text(
            name,
            style: Theme.of(context)
                .textTheme
                .bodyLarge!
                .copyWith(fontWeight: FontWeight.w700, fontSize: 15),
          ),
        ),
        const SizedBox(
          height: 10,
        ),
        Container(
          padding: const EdgeInsets.all(5), // Border width
          decoration: const BoxDecoration(
              color: Color(0xffFEC83A), shape: BoxShape.circle),
          child: ClipOval(
            child: SizedBox.fromSize(
              size: const Size.fromRadius(18), // Image radius
              child: Image.network(image, fit: BoxFit.cover),
              // child:  Image.asset(image, fit: BoxFit.cover),
            ),
          ),
        )
      ],
    );
  }
}