open-index/open-npm huggingface dataset:
npm package: @nocios/presentation-kit
Description: type base-template
Latest version: 1.1.1396

# @nocios/presentation-kit

type base-template

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

type main-template

```javascript
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;
}
```

```javascript
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;
}
```