export class CustomizationOptions {
  mainColor: string;
  secondaryColor: string;
  panel: {
    background: {
      // gradientDirection: string;
      borderStyle: string;
      borderColor: string;
      borderWidth: string;
    }, fonts: {
      color: string;
      family: string;
      size: string;
    },
    title: {
      color: string;
      family: string;
      size: string;
    },
    links: {
      color: string;
      family: string;
      size: string;
      // decoration: string;
      onHover: {
        color: string;
      }
    };
    buttons: {
      backgroundColor: string;
      color: string;
      fontWeight:string;
      borderStyle: string;
      borderColor: string;
      borderWidth: string;
      borderRadius: string;
      onHover: {
        backgroundColor: string;
        color: string;
        borderColor: string;
      }

    };


    panelElements: {
      backgroundColor: string;
      borderColor: string;
      color: string;
    }
  };

  box: {
    borderColor: string;
    borderStyle: string;
    borderWidth: string;
    borderRadius: string;
  }
  ;
  links: {
    color: "";
    family: string;
    decoration: string;
    onHover: {
      color: string;
    };
  };

  buttons: {
    backgroundColor: string;
    color: string;
    borderStyle: string;
    borderColor: string;
    borderWidth: string;
    borderRadius: string;
    onHover: {
      backgroundColor: string;
      color: string;
      borderColor: string;
    };
  };
}