export interface AttrType {
  placeholder: string;
  placeholderColor: string;
  btnContent: string;

  inputBgColor: string;
  inputPadding: number;
  inputFont: FontType;
  inputBorderSize: number;
  inputBorderColor: string;
  inputBorderRadius: number;
  inputBorderType: string;

  btnWidth: number;
  btnBgColor: string;
  btnBorderSize: number;
  btnBorderColor: string;
  btnBorderRadius: number;
  btnBorderType: string;
  btnFont: FontType;

  btnClickBgColor: string;
  btnClickBorderSize: number;
  btnClickBorderColor: string;
  btnClickBorderRadius: number;
  btnClickBorderType: string;
  btnClickFont: FontType;

  btnHoverBgColor: string;
  btnHoverBorderSize: number;
  btnHoverBorderColor: string;
  btnHoverBorderRadius: number;
  btnHoverBorderType: string;
  btnHoverFont: FontType;
  size: {
    height: number;
    width: number;
  };
  id: string;
}

type FontType = {
  color: string;
  fontFamily: string;
  fontWeight: string;
  fontSize: number;
};