@primer/react-brand/esm/Hero/HeroContext.d.ts

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

import React from 'react';
export declare const HeroAlignOptions: readonly ["start", "center"];
export type HeroAlign = (typeof HeroAlignOptions)[number];
export declare const HeroVariantOptions: readonly ["default", "gridline", "gridline-expressive"];
export type HeroVariant = (typeof HeroVariantOptions)[number];
export declare const HeroMediaPaddingOptions: readonly ["default", "none", "all"];
export type HeroMediaPadding = (typeof HeroMediaPaddingOptions)[number];
export declare const HeroMediaPositionOptions: readonly ["block-end", "inline-start", "inline-end"];
export declare const HeroMediaInlinePositionOptions: readonly ["inline-start", "inline-end"];
export type HeroMediaPosition = (typeof HeroMediaPositionOptions)[number];
export type HeroMediaInlinePosition = (typeof HeroMediaInlinePositionOptions)[number];
type HeroContextType = {
    /**
     * The active variant of the Hero component
     */
    variant: HeroVariant;
    /**
     * The alignment of the Hero content
     */
    align: HeroAlign;
    /**
     * Image position within the Hero
     */
    imagePosition: HeroMediaPosition;
    /**
     * Hero.Image is an inline media position
     */
    hasInlineMedia: boolean;
    /**
     * Whether animation is enabled for the Hero
     */
    enableAnimation: boolean;
};
export declare const HeroContext: React.Context<HeroContextType | undefined>;
export declare const useHeroContext: () => HeroContextType;
export {};
//# sourceMappingURL=HeroContext.d.ts.map