weseek__growi/apps/app/src/components/Navbar/GroundGlassBar.tsx

import type { DetailedHTMLProps, JSX } from 'react';

import styles from './GroundGlassBar.module.scss';

const moduleClass = styles['ground-glass-bar'];

type Props = DetailedHTMLProps<
  React.HTMLAttributes<HTMLDivElement>,
  HTMLDivElement
>;

export const GroundGlassBar = (props: Props): JSX.Element => {
  const { className, children, ...rest } = props;

  return (
    <div className={`${moduleClass} ${className ?? ''}`} {...rest}>
      {children}
    </div>
  );
};