import { ReactNode } from 'react';
import { Box } from './Box';

export interface FooterSectionProps {
  children: ReactNode;
  border?: boolean;
}

export const FooterSection = ({ children, border = true }: FooterSectionProps) => {
  return (
    <Box 
      marginTop={8} 
      paddingTop={8} 
      style={border ? { borderTop: '1px solid var(--ui-color-border-muted)', opacity: 0.8 } : {}}
    >
      {children}
    </Box>
  );
};