import { DetailedHTMLProps, FC, HTMLAttributes, PropsWithChildren } from "react";
import * as class_variance_authority_types12 from "class-variance-authority/types";
import { VariantProps } from "class-variance-authority";

//#region src/components/Container/index.d.ts
/**
 * Container component variants using class-variance-authority
 * Provides flexible styling options for background, padding, borders, and layout
 */
declare const containerVariants: (props?: {
  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "full";
  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
  separator?: "both" | "without" | "x" | "y";
  border?: "with" | "none";
  borderColor?: "error" | "text" | "primary" | "secondary" | "neutral" | "card" | "success" | "warning";
  background?: "with" | "none" | "hoverable";
  gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
} & class_variance_authority_types12.ClassProp) => string;
/** Available rounded corner sizes for the container */
declare enum ContainerRoundedSize {
  NONE = "none",
  SM = "sm",
  MD = "md",
  LG = "lg",
  XL = "xl",
  '2xl' = "2xl",
  '3xl' = "3xl",
  '4xl' = "4xl",
  '5xl' = "5xl",
  FULL = "full"
}
/** Background transparency levels for the container */
declare enum ContainerTransparency {
  NONE = "none",
  SM = "sm",
  MD = "md",
  LG = "lg",
  XL = "xl",
  FULL = "full"
}
/** Padding sizes for container content */
declare enum ContainerPadding {
  NONE = "none",
  SM = "sm",
  MD = "md",
  LG = "lg",
  XL = "xl"
}
/** Separator options for dividing container children */
declare enum ContainerSeparator {
  WITHOUT = "without",
  X = "x",
  Y = "y",
  BOTH = "both"
}
/** Border color options for the container */
declare enum ContainerBorderColor {
  PRIMARY = "primary",
  SECONDARY = "secondary",
  NEUTRAL = "neutral",
  CARD = "card",
  TEXT = "text",
  ERROR = "error",
  WARNING = "warning",
  SUCCESS = "success"
}
/** Background interaction states for the container */
declare enum ContainerBackground {
  NONE = "none",
  HOVERABLE = "hoverable",
  WITH = "with"
}
/** Gap sizes between container children */
declare enum ContainerGap {
  NONE = "none",
  SM = "sm",
  MD = "md",
  LG = "lg",
  XL = "xl",
  '2xl' = "2xl"
}
/** Container component props extending HTML div attributes */
type ContainerProps = PropsWithChildren<Omit<VariantProps<typeof containerVariants>, 'border'>> & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
  /** Whether to show a border around the container */border?: boolean;
};
/**
 * Container Component
 *
 * A flexible container component for organizing content with customizable styling options.
 * Supports various visual states, layouts, and accessibility features.
 *
 * ## Features
 * - **Flexible Layout**: Supports different padding, gap, and separator options
 * - **Visual Variants**: Multiple background transparency levels and border styles
 * - **Responsive Design**: Configurable rounded corners and spacing
 * - **Semantic HTML**: Proper div element with extensible attributes
 *
 * ## Accessibility
 * - Inherits all standard div accessibility features
 * - Supports ARIA attributes through spread props
 * - Maintains proper semantic structure for screen readers
 *
 * @param children - The content to display inside the container
 * @param roundedSize - Border radius size (default: 'md')
 * @param transparency - Background transparency level (default: 'md')
 * @param padding - Internal padding size (default: 'none')
 * @param separator - Divider lines between children (default: 'without')
 * @param border - Whether to show border (default: false)
 * @param borderColor - Color of the border (default: 'text')
 * @param background - Background interaction behavior (default: 'none')
 * @param gap - Space between child elements (default: 'none')
 * @param className - Additional CSS classes
 * @param props - Additional HTML div attributes including ARIA attributes
 */
declare const Container: FC<ContainerProps>;
//#endregion
export { Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, containerVariants };
//# sourceMappingURL=index.d.ts.map