navTabs.tsx 508 B

1234567891011121314151617181920
  1. import styled from '@emotion/styled';
  2. import classnames from 'classnames';
  3. interface NavProps extends React.HTMLAttributes<HTMLUListElement> {
  4. underlined?: boolean;
  5. }
  6. function NavTabs({underlined, className, ...tabProps}: NavProps) {
  7. const mergedClassName = classnames('nav nav-tabs', className, {
  8. 'border-bottom': underlined,
  9. });
  10. return <Wrap className={mergedClassName} {...tabProps} />;
  11. }
  12. export default NavTabs;
  13. const Wrap = styled('ul')`
  14. font-size: ${p => p.theme.fontSizeMedium};
  15. `;