@cloud-ru/uikit-product-site-hero 0.5.40

package/src/helperComponents/HeroNavbar/HeroNavbar.tsx

@@ -0,0 +1,26 @@
+import cn from 'classnames';
+
+import { Link, LinkProps } from '@snack-uikit/link';
+
+import styles from './styles.module.scss';
+
+export type HeroNavbarProps = {
+  items: LinkProps[];
+  className?: string;
+};
+
+export function HeroNavbar({ items, className }: HeroNavbarProps) {
+  return (
+    <div className={cn(styles.heroNavbar, className)}>
+      {items.map(item => (
+        <Link
+          key={item.text}
+          {...item}
+          className={cn(styles.heroNavbarItem, item.className)}
+          size='l'
+          appearance='neutral'
+        />
+      ))}
+    </div>
+  );
+}

package/src/helperComponents/HeroNavbar/index.ts

@@ -0,0 +1 @@
+export * from './HeroNavbar';

package/src/helperComponents/HeroNavbar/styles.module.scss

@@ -0,0 +1,13 @@
+@use '@sbercloud/figma-tokens-web/build/scss/styles-theme-variables' as ds;
+
+.heroNavbar {
+  display: flex;
+  flex-direction: row;
+}
+
+.heroNavbarItem {
+  @include ds.composite-var(ds.$sans-body-m);
+
+  color: ds.$sys-neutral-text-main;
+  padding: 10px;
+}

package/src/helperComponents/Place/Place.tsx

@@ -0,0 +1,32 @@
+import { MouseEventHandler } from 'react';
+
+import { Link } from '@snack-uikit/link';
+
+import styles from './styles.module.scss';
+
+export type PlaceProps = {
+  title: string;
+  href?: string;
+  onClick?: MouseEventHandler<HTMLAnchorElement>;
+};
+
+export function Place({ href, title, onClick }: PlaceProps) {
+  return (
+    <>
+      {href ? (
+        <Link
+          href={href}
+          onClick={onClick}
+          className={styles.place}
+          target='_blank'
+          text={title}
+          size='l'
+          appearance='neutral'
+          insideText
+        />
+      ) : (
+        <span className={styles.place}>{title}</span>
+      )}
+    </>
+  );
+}

package/src/helperComponents/Place/constants.ts

@@ -0,0 +1,34 @@
+export const FORMATS = [
+  {
+    title: 'Онлайн',
+    value: 'online',
+  },
+  {
+    title: 'Офлайн',
+    value: 'offline',
+  },
+  {
+    title: 'Гибрид',
+    value: 'hybrid',
+  },
+];
+
+export const AUDIENCE = [
+  {
+    title: 'Для IT',
+    value: 'it',
+  },
+  {
+    title: 'Для студентов',
+    value: 'students',
+  },
+  {
+    title: 'Для бизнеса',
+    value: 'business',
+  },
+];
+
+export const HERO_BUTTONS = {
+  registration: 'регистрация',
+  watch: 'смотреть запись',
+};

package/src/helperComponents/Place/index.ts

@@ -0,0 +1 @@
+export * from './Place';

package/src/helperComponents/Place/styles.module.scss

@@ -0,0 +1,3 @@
+.place {
+  text-decoration-line: underline;
+}

package/src/helperComponents/index.tsx

@@ -0,0 +1,3 @@
+export * from './HeroEventButton';
+export * from './Place';
+export * from './HeroNavbar';

package/src/index.ts

@@ -0,0 +1 @@
+export * from './components';

package/src/types.ts

@@ -0,0 +1,5 @@
+import { ValueOf } from '@snack-uikit/utils';
+
+import { HERO_COLORS } from './constants';
+
+export type HeroColor = ValueOf<typeof HERO_COLORS>;