import React from 'react';

import { NestedNavigation as CoreNestedNavigation } from '@shoptet/ui-core-web';
import type { Exact, SafeOmit } from '@shoptet/utils';

export interface NestedNavigationContentProps extends SafeOmit<React.HTMLAttributes<HTMLDivElement>, 'className'> {}

export function NestedNavigationContent({ children, ...rest }: NestedNavigationContentProps) {
  rest satisfies Exact<SafeOmit<NestedNavigationContentProps, 'children'>, typeof rest>;

  return (
    <CoreNestedNavigation.Content {...rest} className='nestedNavigationContent'>
      {children}
    </CoreNestedNavigation.Content>
  );
}