import React from 'react';

import styles from './Surface.module.css';

type Props = {
  children: React.ReactNode;
  /** Разрешено `undefined` из CSS-модулей при `exactOptionalPropertyTypes`. */
  className?: string | undefined;
  style?: React.CSSProperties | undefined;
};

export function Surface({ children, className, style }: Props) {
  return (
    <div className={[styles.root, className].filter(Boolean).join(' ')} style={style}>
      {children}
    </div>
  );
}