import { GlobalProps } from '../../shared/global';
import { ComponentChildren } from '../../shared/children';
export interface SectionProps extends GlobalProps {
    /**
     * The content of the Section.
     */
    children?: ComponentChildren;
    /**
     * A label used to describe the section that will be announced by assistive technologies.
     *
     * When no `heading` property is provided or included as a children of the Section, you **must** provide an
     * `accessibilityLabel` to describe the Section. This is important as it allows assistive technologies to provide
     * the right context to users.
     */
    accessibilityLabel?: string;
    /**
     * A title that describes the content of the section.
     */
    heading?: string;
    /**
     * Adjust the padding of all edges.
     *
     * `auto`: applies padding that is appropriate for the element. Note that it may result in no padding if Shopify
     * believes this is the right design decision in a particular context.
     *
     * `none`: removes all padding from the element. This can be useful when elements inside the Section need to span
     * to the edge of the Section. For example, a full-width image. In this case, rely on `Box` with a padding of 'base'
     * to bring back the desired padding for the rest of the content.
     *
     * @default "auto"
     */
    padding?: 'auto' | 'none';
}