import 'package:flutter/material.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';

import '../../models/enums/translation_keys.dart';

class AppSearchField extends StatefulWidget {
  final Function(String) onChanged;
  final Function(String) onSubmitted;
  const AppSearchField({Key key, this.onChanged, this.onSubmitted}) : super(key: key);

  @override
  State<AppSearchField> createState() => _AppSearchFieldState();
}

class _AppSearchFieldState extends State<AppSearchField> {
  @override
  Widget build(BuildContext context) {
    return TextField(
      onChanged: widget.onChanged,
        onSubmitted: widget.onSubmitted,
        decoration: InputDecoration(
          prefixIcon: const Icon(Icons.search, color: AppColor.neutral20,),
        hintText: context.translate(TranslationKeys.search),
            hintStyle: TextStyle(
              fontSize: Theme.of(context).textTheme.bodySmall.fontSize
            ),
        filled: true,
        fillColor: AppColor.neutral30,
    border: OutlineInputBorder(
    borderRadius: BorderRadius.circular(15),
    borderSide: BorderSide.none,
    )),
    );
  }
}