Vizzuality/landgriffon

import cx from 'classnames';

export type WidgetProps = {
  title: string;
  unit: string;
  className?: string;
  height?: number | string;
};

const Widget: React.FC<React.PropsWithChildren<WidgetProps>> = ({
  title,
  className,
  height,
  children,
  unit,
}) => (
  <div className={cx('flex flex-col', className)} style={{ height }}>
    <h2 className="flex-shrink-0 text-base first-letter:uppercase">{`${title} (${unit})`}</h2>
    <div className="relative mt-2 flex-grow">{children}</div>
  </div>
);

export default Widget;