@devopness/ui-react/dist/src/components/Forms/Container/Container.d.ts

Devopness Design System React Components - Painless essential DevOps to everyone

type ContainerProps = {
    /** Removes the default top margin (42px)
     * @default false
     */
    shouldRemoveTopMargin?: boolean;
    /** Optional styles for the inner content wrapper */
    styles?: {
        /** Background color for content wrapper */
        backgroundWrapperContent?: string;
        /** Height (in px) for content wrapper */
        height?: number;
    };
    /** React children to render inside */
    children?: React.ReactNode;
};
/**
 * Container Component
 *
 * Provides a 12-column grid layout with responsive adjustments
 * and an optional styled content wrapper.
 *
 * @example
 * ```tsx
 * <Container shouldRemoveTopMargin styles={{ backgroundWrapperContent: '#f5f5f5', height: 400 }}>
 *   <p>Page content here</p>
 * </Container>
 * ```
 */
declare const Container: ({ shouldRemoveTopMargin, styles, children, }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
export { Container };
export type { ContainerProps };