class MemberCard extends StatelessWidget {
  final double width;
  final double height;
  final String photo;
  final double rotation;
  final Offset offset;
  final double scale;
  final bool dropShadow;

  MemberCard({
    this.width,
    this.height,
    this.photo,
    this.rotation = 0.0,
    this.offset = const Offset(0.0, 0.0),
    this.scale = 1.0,
    this.dropShadow = false,
  });

  @override
  Widget build(BuildContext context) {
    double angle = rotation * (math.pi / 180.0);
    var matrix = Matrix4.translationValues(offset.dx, offset.dy, 0.0);
    if (scale != 1.0) {
      matrix..scale(scale);
    }
    if (rotation != 0.0) {
      matrix.rotateZ(angle);
    }

    return Transform(
      alignment: Alignment.center,
      transform: matrix,
      child: Stack(
        children: <Widget>[
          RepaintBoundary(
            child: Container(
              width: width,
              height: height,
              decoration: BoxDecoration(
                boxShadow: dropShadow
                    ? [
                        BoxShadow(
                            color: Colors.black.withOpacity(0.4),
                            blurRadius: 5.0,
                            offset: Offset(0.0, 1.0))
                      ]
                    : [],
                borderRadius: BorderRadius.all(Radius.circular(10.0)),
                color: Colors.white,
                // image: DecorationImage(
                //   image: NetworkImage(photo),
                //   fit: BoxFit.cover,
                // ),
              ),
              child: ClipRRect(
                borderRadius: BorderRadius.circular(10.0),
                child: Image.network(
                  photo,
                  fit: BoxFit.cover,
                  filterQuality: FilterQuality.none,
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}