TopicPromoSignUpBanner

Props

title

• type: string
• required: true

Заголовок

image

• type: ImageProps
• required: true

Информация о картинке (ImageProps)

button

• type: ButtonProps
• required: true

Информация о кнопке (ButtonProps)

Types

import type { EduLink } from '#sf/services/link';

export type ImageProps = {
  src: string;
  alt?: string;
  width?: number;
  height?: number;
};

export type ButtonProps = {
  text: string;
  url: string | EduLink;
  newTab?: boolean;
};

export type PromoSignUpBannerProps = {
  title: string;
  image: ImageProps;
  button: ButtonProps;
};

Test data

export const testProps = {
  title: 'Хотите выполнять заказы?',
  image: {
    src: 'pro/owl_author.svg',
    alt: 'alt',
    width: 60,
    height: 60,
  },
  button: {
    text: 'Стать автором',
    url: '/new-author',
    newTab: true,
  },
};