import 'dart:ui';

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return Positioned(
      top: 100,
      left: -50,
      child: Container(
        height: 200,
        width: 200,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: const Color(0x4CD90B2E).withOpacity(0.5),
        ),
        child: Container(
          height: 200,
          width: 200,
          color: Colors.transparent,
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Positioned(
      top: 200,
      right: -50,
      child: Container(
        height: 200,
        width: 200,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: const Color(0x4CD90B2E).withOpacity(0.5),
        ),
        child: Container(
          height: 200,
          width: 200,
          color: Colors.transparent,
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Positioned(
      top: 450,
      left: -50,
      child: Container(
        height: 200,
        width: 200,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: const Color(0xFF009DAB).withOpacity(0.50),
        ),
        child: Container(
          height: 200,
          width: 200,
          color: Colors.transparent,
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Positioned(
      top: 600,
      right: -50,
      child: Container(
        height: 200,
        width: 200,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: const Color(0xFF009DAB).withOpacity(0.50),
        ),
        child: Container(
          height: 200,
          width: 200,
          color: Colors.transparent,
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 150,
      width: 150,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: const Color(0x4CD90B2E).withOpacity(0.5),
      ),
      child: Container(
        height: 200,
        width: 200,
        color: Colors.transparent,
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 160,
      width: 160,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: const Color(0x4CD90B2E).withOpacity(0.5),
      ),
      child: Container(
        height: 200,
        width: 200,
        color: Colors.transparent,
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 150,
      width: 180,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: const Color(0xFF009DAB).withOpacity(0.50),
      ),
      child: Container(
        height: 200,
        width: 200,
        color: Colors.transparent,
      ),
    );
  }
}