import 'package:flutter/material.dart';

void main() {
  runApp(const MainApp());
}

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: GradientText(
            'jgoqupLy',
            fontSize: 40,
            borderWidth: 20,
            borderGradient: LinearGradient(
              colors: [
                Colors.yellow,
                Colors.green,
              ],
            ),
            fillGradient: LinearGradient(
              colors: [
                Colors.red,
                Colors.blue,
              ],
            ),
          ),
        ),
      ),
    );
  }
}

class GradientText extends StatelessWidget {
  const GradientText(
    this.data, {
    super.key,
    required this.fontSize,
    required this.borderGradient,
    required this.fillGradient,
    required this.borderWidth,
  });

  final String data;
  final Gradient borderGradient;
  final Gradient fillGradient;
  final double borderWidth;
  final double fontSize;

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        _buildGradientTextBase(
          gradient: borderGradient,
          paintingStyle: PaintingStyle.stroke,
        ),
        _buildGradientTextBase(
          gradient: fillGradient,
          paintingStyle: PaintingStyle.fill,
        ),
      ],
    );
  }

  Widget _buildGradientTextBase({
    required Gradient gradient,
    required PaintingStyle paintingStyle,
  }) {
    return ShaderMask(
      blendMode: BlendMode.srcIn,
      shaderCallback: (bounds) => gradient.createShader(
        Rect.fromLTWH(0, 0, bounds.width, bounds.height),
      ),
      child: Text(
        data,
        style: TextStyle(
          fontSize: fontSize,
          foreground: Paint()
            ..style = paintingStyle
            ..strokeWidth = borderWidth,
          fontWeight: FontWeight.bold,
        ),
      ),
    );
  }
}