import "package:flutter/material.dart";
import "package:photos/services/location_service.dart";
import "package:photos/states/location_state.dart";
import "package:photos/theme/ente_theme.dart";

class EditCenterPointRowWidget extends StatelessWidget {
  const EditCenterPointRowWidget({super.key});

  @override
  Widget build(BuildContext context) {
    final textTheme = getEnteTextTheme(context);
    final colorScheme = getEnteColorScheme(context);
    return Row(
      children: [
        Container(
          width: 48,
          height: 48,
          color: colorScheme.fillFaint,
          child: Icon(
            Icons.location_on_outlined,
            color: colorScheme.strokeFaint,
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.fromLTRB(12, 4.5, 16, 4.5),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  "Center point",
                  style: textTheme.body,
                ),
                const SizedBox(height: 4),
                Text(
                  LocationService.instance.convertLocationToDMS(
                    InheritedLocationTagData.of(context)
                        .locationTag!
                        .centerPoint,
                  ),
                  style: textTheme.miniMuted,
                ),
              ],
            ),
          ),
        ),
        IconButton(
          onPressed: () {},
          icon: const Icon(Icons.edit),
          color: getEnteColorScheme(context).strokeMuted,
        ),
      ],
    );
  }
}