jsx import { css , jsx , keyframes } from '@emotion/core' ; type GroupProps = { children : React . ReactNode ; loading ? : boolean ; name : string ; } ; export default function Group ( { children , loading , name } ) { return ( < div css = { css `
        padding-top: 64px;
      ` } > < div css = { css `
          padding-bottom: 16px;
          font-size: 20px;
        ` } > { name } : { loading && ( < span css = { css `
              font-size: 16px;
            ` } > & nbsp ; loading … < /span>)} < /div> { ! loading && ( < div css = { css `
            background: #fff;
            border: 2px solid #fad4fa;
            border-radius: 6px;
          ` } > { children } < /div>)} < /div>); }