import 'package:flutter/material.dart';
import '../core/app_export.dart';

/// A collection of pre-defined text styles for customizing text appearance,
/// categorized by different font families and weights.
/// Additionally, this class includes extensions on [TextStyle] to easily apply specific font families to text.

class CustomTextStyles {
  // Headline style
  static get headlineSmallMulish => theme.textTheme.headlineSmall!.mulish;
  // Title text style
  static get titleMediumSegoeUI =>
      theme.textTheme.titleMedium!.segoeUI.copyWith(
        fontWeight: FontWeight.w600,
      );
  static get bodyMediumBlack900 => theme.textTheme.bodyMedium!.copyWith(
        color: appTheme.black900,
      );
  static get bodyMediumBlack90013 => theme.textTheme.bodyMedium!.copyWith(
        color: appTheme.black900,
        fontSize: 13.fSize,
      );
  static get bodyMediumBluegray800 => theme.textTheme.bodyMedium!.copyWith(
        color: appTheme.blueGray800,
      );
  static get bodyMediumBluegray800_1 => theme.textTheme.bodyMedium!.copyWith(
        color: appTheme.blueGray800,
      );
  static get bodyMediumBluegray800_2 => theme.textTheme.bodyMedium!.copyWith(
        color: appTheme.blueGray800,
      );
  static get bodyMediumWhiteA700 => theme.textTheme.bodyMedium!.copyWith(
        color: appTheme.whiteA700,
      );
  static get bodySmallMulishBlack900 =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: appTheme.black900,
        fontSize: 12.fSize,
      );
  static get bodySmallMulishBluegray800 =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: appTheme.blueGray800,
        fontSize: 12.fSize,
      );
  static get bodySmallMulishBluegray80012 =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: appTheme.blueGray800,
        fontSize: 12.fSize,
      );
  static get bodySmallMulishBluegray80012_1 =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: appTheme.blueGray800,
        fontSize: 12.fSize,
      );
  static get bodySmallMulishBluegray900 =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: appTheme.blueGray900,
        fontSize: 12.fSize,
      );
  static get bodySmallMulishGray600 =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: appTheme.gray600,
      );
  static get bodySmallMulishPrimary =>
      theme.textTheme.bodySmall!.mulish.copyWith(
        color: theme.colorScheme.primary,
        fontSize: 12.fSize,
      );
  static get bodySmallSegoeUIBlack900 =>
      theme.textTheme.bodySmall!.segoeUI.copyWith(
        color: appTheme.black900,
        fontSize: 12.fSize,
      );
  // Label text style
  static get labelLargeGray60003 => theme.textTheme.labelLarge!.copyWith(
        color: appTheme.gray60003,
      );
  static get labelLargeWhiteA700 => theme.textTheme.labelLarge!.copyWith(
        color: appTheme.whiteA700,
      );
  // Title text style
  static get titleMedium16 => theme.textTheme.titleMedium!.copyWith(
        fontSize: 16.fSize,
      );
  static get titleMediumBlack => theme.textTheme.titleMedium!.copyWith(
        fontSize: 17.fSize,
        fontWeight: FontWeight.w900,
      );
  static get titleMediumBlack900 => theme.textTheme.titleMedium!.copyWith(
        color: appTheme.black900,
      );
  static get titleMediumSemiBold => theme.textTheme.titleMedium!.copyWith(
        fontWeight: FontWeight.w600,
      );
  static get titleMediumWhiteA700 => theme.textTheme.titleMedium!.copyWith(
        color: appTheme.whiteA700,
        fontWeight: FontWeight.w600,
      );
  static get titleSmallBlue800 => theme.textTheme.titleSmall!.copyWith(
        color: appTheme.blue800,
        fontWeight: FontWeight.w800,
      );
  static get titleSmallBluegray800 => theme.textTheme.titleSmall!.copyWith(
        color: appTheme.blueGray800,
      );
  static get titleSmallBluegray800Bold => theme.textTheme.titleSmall!.copyWith(
        color: appTheme.blueGray800,
        fontWeight: FontWeight.w700,
      );
  static get titleSmallBluegray800ExtraBold =>
      theme.textTheme.titleSmall!.copyWith(
        color: appTheme.blueGray800,
        fontWeight: FontWeight.w800,
      );
  static get titleSmallBold => theme.textTheme.titleSmall!.copyWith(
        fontSize: 15.fSize,
        fontWeight: FontWeight.w700,
      );
  static get titleSmallGreenA70001 => theme.textTheme.titleSmall!.copyWith(
        color: appTheme.greenA70001,
      );
  static get titleSmallGreenA70001ExtraBold =>
      theme.textTheme.titleSmall!.copyWith(
        color: appTheme.greenA70001,
        fontWeight: FontWeight.w800,
      );
  static get titleSmallLightgreen300 => theme.textTheme.titleSmall!.copyWith(
        color: appTheme.lightGreen300,
        fontWeight: FontWeight.w800,
      );
  static get titleSmallRed200 => theme.textTheme.titleSmall!.copyWith(
        color: appTheme.red200,
        fontWeight: FontWeight.w800,
      );
  static get titleSmallSecondaryContainer =>
      theme.textTheme.titleSmall!.copyWith(
        color: theme.colorScheme.secondaryContainer,
        fontWeight: FontWeight.w800,
      );
  static get titleSmallSecondaryContainer_1 =>
      theme.textTheme.titleSmall!.copyWith(
        color: theme.colorScheme.secondaryContainer,
      );
  static get titleSmallSegoeUIOnPrimary =>
      theme.textTheme.titleSmall!.segoeUI.copyWith(
        color: theme.colorScheme.onPrimary,
      );
}

extension on TextStyle {
  TextStyle get mulish {
    return copyWith(
      fontFamily: 'Mulish',
    );
  }

  TextStyle get segoeUI {
    return copyWith(
      fontFamily: 'Segoe UI',
    );
  }
}