import { tw } from './twind.js'

export default function disableTransparency (color, breakpoints = ['md', 'sm']) {
  const className = (color === 'transparent' || color === 'semitransparent')
    ? breakpoints.map(device => tw(`${device}:pal-brand1`)).join(' ')
    : ''

  const palette = color ? `pal-${color}` : ''
  return `${palette} ${className}`
}
