import React from 'react';
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { BylineTheme, OtherHTMLAttributes } from '@instructure/shared-types';
type BylineOwnProps = {
    /**
     * the Byline visual/object
     */
    children: React.ReactNode;
    /**
     * the Byline title
     */
    title?: React.ReactNode;
    /**
     * the Byline description
     */
    description?: string | React.ReactNode;
    /**
     * how should the title and description align
     */
    alignContent?: 'top' | 'center';
    /**
     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
     */
    margin?: Spacing;
    size?: 'small' | 'medium' | 'large';
    /**
     * Provides a reference to the underlying html root element
     */
    elementRef?: (element: Element | null) => void;
};
type PropKeys = keyof BylineOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type BylineProps = BylineOwnProps & WithStyleProps<BylineTheme, BylineStyle> & OtherHTMLAttributes<BylineOwnProps>;
type BylineStyle = ComponentStyle<'byline' | 'figure' | 'caption' | 'title' | 'description' | 'maxWidth'> & {
    maxWidth?: string;
};
declare const allowedProps: AllowedPropKeys;
export type { BylineProps, BylineStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map