@nocios/presentation-kit

type base-template

export interface DataBaseTemplate {
  bgImage: string;
  showHeader?: boolean;
  children?: React.ReactNode;
  fullScreen?: boolean;
}

type main-template

export interface DataMainTemplate {
  showHeader?: boolean;
  bgImage: string;
  next?: ButtonProps | null;
  back?: ButtonProps | null;
  audio?: React.ReactNode;
  styleBody?: React.CSSProperties;

  title?: string;
  styleTitle?: React.CSSProperties;

  description?: string;
  styleDescription?: React.CSSProperties;

  bottonsExtra?: ButtonProps[];
  bottonsRight?: ButtonProps[];

  leftBeforeLabels?: React.ReactNode;
  labels?: LabelProps[];
  leftAfterLabels?: React.ReactNode;
  leftBeforeTitle?: React.ReactNode;
  leftAfterTitle?: React.ReactNode;
  leftBeforeDescription?: React.ReactNode;
  leftAfterDescription?: React.ReactNode;
  leftSideEmbeddedComponent?: React.ReactNode;

  leftSideComponent?: React.ReactNode;
  rightSideComponent?: React.ReactNode;
}

type ButtonType = "next" | "back";

export interface ButtonProps {
  label?: string;
  children?: React.ReactNode;
  disabled?: boolean;
  type?: ButtonType;
  onClick?: () => void;
  startIcon?: { icon: React.ReactNode | string, color?: string, style?: React.CSSProperties };
  endIcon?: { icon: React.ReactNode | string, color?: string, style?: React.CSSProperties };
  style?: React.CSSProperties;
  className?: string;
}