A client-side React component that wraps Radix UI's AspectRatio primitive to maintain consistent width-to-height ratios for content containers. ## Key Components - **AspectRatio** - Root component that maintains aspect ratio constraints for its children ## Usage Example ```typescript import { AspectRatio } from "./aspect-ratio" // 16:9 video aspect ratio Video thumbnail // Square aspect ratio for profile images Profile // 4:3 traditional photo ratio
4:3 Content
``` This component is particularly useful for responsive images, video containers, and card layouts where maintaining consistent proportions across different screen sizes is important.