import { default as React } from 'react';
import { StickyFooterProps } from './StickyFooter.types';
/**
* StickyFooter is a container component that is fixed to the bottom of the viewport,
* providing a consistent area for action buttons and controls. Content scrolls behind
* the footer while it remains always visible at the bottom.
*
* Key features:
* - Fixed positioning at the bottom of the viewport (100% width)
* - Configurable padding, border radius, and shadow
* - Optional border for visual separation
* - Accepts any children (buttons, forms, etc.)
*
* Note: When using this component, ensure the parent container has appropriate
* bottom padding to prevent content from being hidden behind the fixed footer.
*
* @example
* ```tsx
* // Basic usage with a single button
*
*
*
*
* // With custom styling
*
*
*
*
* // Multiple buttons
*
*