@primer/react-brand/lib/component-helpers.d.ts

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

import React, { Ref, PropsWithChildren, CSSProperties } from 'react';
import { AnimateProps } from './animation/AnimationProvider';
/**
 * Layout
 */
export declare const Container: ({ children, style, }: {
    children: React.ReactElement[] | React.ReactElement;
    style?: React.CSSProperties;
}) => import("react/jsx-runtime").JSX.Element;
type RedlineBackgroundProps = {
    height?: number;
    hasBorder?: boolean;
    className?: string;
    style?: CSSProperties;
};
export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Base Types
 */
/**
 * Component helper type to be extended by component types, e.g.:
 * type CustomComponentProps = BaseProps<HTMLDivElement> & { ... }
 *
 * Example use:
 *   const CustomComponent = forwardRef<HTMLDivElement, CustomComponentProps>(({className, ...props}, ref) => { ... })
 *   // OR:
 *   const CustomComponent = forwardRef(({className: CustomComponentProps, ...props}, ref: Ref<HTMLDivElement>) => { ... })
 */
export type BaseProps<T> = {
    className?: string;
    id?: string;
    ref?: Ref<T>;
    animate?: AnimateProps;
};
export {};