import { o2a } from '../utils'

export default (theme: any) => {
  const {
    common: {
      fontSize,
      fontColor,
      lineHeight,
      themeColor,
    },
  } = theme

  return `
${o2a(fontSize).map(({ key, value }) => {
    return `.fs-${key}{font-size:${value}px;line-height:${lineHeight[key]}px}`
  }).join('')}
${o2a(fontColor).map(({ key, value }) => {
    return `.fc-${key}{color:${value}}`
  }).join('')}
${o2a(themeColor).map(({ key, value }) => {
    return `.cl-${key}{color:${value}}`
  }).join('')}
${o2a(themeColor).map(({ key, value }) => {
    return `.bg-${key}{background-color:${value}}`
  }).join('')}
.bold {
  font-weight: 700;
}

.semi-bold {
  font-weight: 500;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.decoration-none {
  text-decoration: none;
}

.decoration-none:hover {
  text-decoration: none;
}

  `
}