UNPKG

@primer/react-brand

Version:

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

36 lines (35 loc) 2.65 kB
import React, { PropsWithChildren } from 'react'; import { LinkProps } from '../Link'; import { HeadingProps } from '../Heading'; import { TextProps } from '../Text'; import { IconProps } from '../Icon'; import type { BaseProps } from '../component-helpers'; export declare const SectionIntroStackedVariants: readonly ["default", "gridline"]; export type SectionIntroStackedVariant = (typeof SectionIntroStackedVariants)[number]; export type SectionIntroStackedProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & PropsWithChildren & { variant?: SectionIntroStackedVariant; }; type SectionIntroStackedHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps; type SectionIntroStackedDescriptionProps = Omit<TextProps, 'as' | 'variant'> & BaseProps<HTMLParagraphElement> & { as?: 'p'; children: React.ReactNode | React.ReactNode[]; }; type SectionIntroStackedLinkProps = LinkProps & BaseProps<HTMLAnchorElement>; type SectionIntroStackedItemsProps = BaseProps<HTMLUListElement>; type SectionIntroStackedItemIconProps = IconProps; type SectionIntroStackedItemDescriptionProps = Omit<TextProps, 'as' | 'variant' | 'size'> & BaseProps<HTMLParagraphElement> & { as?: 'p'; children: React.ReactNode | React.ReactNode[]; }; export type SectionIntroStackedItemProps = BaseProps<HTMLLIElement>; export declare const SectionIntroStacked: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroStackedProps>, "ref"> & React.RefAttributes<HTMLElement>> & { Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroStackedHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>; Description: React.ForwardRefExoticComponent<Omit<SectionIntroStackedDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>; Link: React.ForwardRefExoticComponent<Omit<SectionIntroStackedLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>; Items: ({ animate, className, children, ...rest }: PropsWithChildren<SectionIntroStackedItemsProps>) => import("react/jsx-runtime").JSX.Element; Item: ({ className, children, ...rest }: PropsWithChildren<SectionIntroStackedItemProps>) => import("react/jsx-runtime").JSX.Element; ItemIcon: ({ className, color, ...props }: SectionIntroStackedItemIconProps) => import("react/jsx-runtime").JSX.Element; ItemHeading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>; ItemDescription: React.ForwardRefExoticComponent<Omit<SectionIntroStackedItemDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>; }; export {};