import {
  EmbedButtonStyle,
  embedButtonStyleFromJson,
  embedButtonStyleToJson,
} from './EmbedButtonStyle';
import {
  EmbedLoaderStyle,
  embedLoaderStyleFromJson,
  embedLoaderStyleToJson,
} from './EmbedLoaderStyle';
import {
  EmbedInputStyle,
  embedInputStyleFromJson,
  embedInputStyleToJson,
} from './EmbedInputStyle';

export class EmbedStyle {
  submitButton?: EmbedButtonStyle;
  loader?: EmbedLoaderStyle;
  input?: EmbedInputStyle;

  constructor(
    submitButton?: EmbedButtonStyle,
    loader?: EmbedLoaderStyle,
    input?: EmbedInputStyle
  ) {
    this.submitButton = submitButton;
    this.loader = loader;
    this.input = input;
  }
}

export function embedStyleFromJson(json: { [key: string]: any }): EmbedStyle {
  return new EmbedStyle(
    json.submitButton ? embedButtonStyleFromJson(json.submitButton) : undefined,
    json.loader ? embedLoaderStyleFromJson(json.loader) : undefined,
    json.input ? embedInputStyleFromJson(json.input) : undefined
  );
}

export function embedStyleToJson(
  embedStyle?: EmbedStyle
): { [p: string]: any } | null {
  if (!embedStyle) return null;
  return {
    submitButton: embedStyle.submitButton
      ? embedButtonStyleToJson(embedStyle.submitButton)
      : undefined,
    loader: embedStyle.loader
      ? embedLoaderStyleToJson(embedStyle.loader)
      : undefined,
    input: embedStyle.input
      ? embedInputStyleToJson(embedStyle.input)
      : undefined,
  };
}