freesewing/sites/shared/components/ribbon.js

import themes from 'shared/themes/runtime.js'

const Ribbon = ({ loading = false, theme = 'light' }) => (
  <div
    className={`flex flex-col justify-between p-0 transition-transform
    ${loading ? 'theme-gradient loading h-1' : 'h-0 -translate-y-1'}
  `}
  ></div>
)

export default Ribbon