import { css } from 'styled-components';
import themeGet from './theme-get.js';

/**
 *
 * Gives you the default styles for all "content" elements like:
 * ul, li, h1-h5 etc.
 *
 * ### Example
 *
 * ```typescript
 * import styled from 'styled-components'
 * import { contentCSS } from '@adminjs/design-system'
 *
 * const myComponent = styled`
 *   ${contentCSS};
 * `
 * ```
 *
 * @memberof module:@adminjs/design-system
 */
const contentCSS = css(["font-family:", ";font-size:", ";line-height:", ";font-weight:", ";div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{&:not([class*=\"adminjs_\"]){margin:0;padding:0;}}img{max-width:100%;}p,div{margin-bottom:", ";font-size:", ";font-weight:", ";}strong,b{font-weight:", "}li + li{margin-top:", ";}p:not(:last-child),dl:not(:last-child),ol:not(:last-child),ul:not(:last-child),blockquote:not(:last-child),pre:not(:last-child),table:not(:last-child){margin-bottom:", ";}pre{background-color:", ";border:1px solid ", ";padding:", ";margin:", " 0 ", ";white-space:pre;font-family:'Courier New',Courier,monospace;}h1,h2,h3,h4,h5,h6{font-weight:", ";line-height:", ";font-size:", ";margin-top:", ";margin-bottom:", ";}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:", ";}h1{font-size:", ";line-height:", ";margin-top:", ";margin-bottom:", ";}h2{font-size:", ";line-height:", ";margin-top:", ";margin-bottom:", ";}h3{}h4{font-size:", ";line-height:", ";margin-top:", ";margin-bottom:", ";}h5{font-size:", ";line-height:", ";margin-top:", ";margin-bottom:", ";font-weight:", ";}h6{font-size:", ";line-height:", ";margin-top:", ";margin-bottom:", ";font-weight:", ";}blockquote{background-color:", ";border-left:", " solid ", ";padding:", ";margin:", " 0;}ol{list-style-position:outside;margin-top:", ";margin-left:", ";}ol:not([type]){list-style-type:decimal;}ol:not([type]).is-lower-alpha{list-style-type:lower-alpha;}ol:not([type]).is-lower-roman{list-style-type:lower-roman;}ol:not([type]).is-upper-alpha{list-style-type:upper-alpha;}ol:not([type]).is-upper-roman{list-style-type:upper-roman;}ul{list-style:disc outside;margin-left:", ";margin-top:", ";}ul ul{list-style-type:circle;margin-top:", ";}ul ul ul{list-style-type:square;}em{font-style:italic;}dd{margin-left:", ";}figure{margin-left:", ";margin-right:", ";text-align:center;}figure:not(:first-child){margin-top:", ";}figure:not(:last-child){margin-bottom:", ";}figure img{display:inline-block;}figure figcaption{font-style:italic;}sup,sub{font-size:75%;}table{width:100%;margin:", " 0;}table td,table th{padding:", ";vertical-align:top;}table th{color:", ";border-bottom:1px solid ", ";}table td{border-bottom:1px solid ", ";}table th:not([align]){text-align:inherit;}table thead td,table thead th{border-bottom:1px solid ", ";color:", ";}table tfoot td,table tfoot th{border-bottom:1px solid ", ";color:", ";}table tbody tr:last-child td,table tbody tr:last-child th{border-bottom-width:0;}.tabs li + li{margin-top:0;}*:not(pre) > code{color:red !important;padding:0.2em 0.4em !important;margin:0;font-size:85%;background-color:#afb8c133;border-radius:6px;}"], ({
  theme
}) => theme.font, themeGet('fontSizes', 'md'), themeGet('lineHeights', 'lg'), themeGet('fontWeights', 'light'), themeGet('space', 'xl'), themeGet('fontSizes', 'md'), themeGet('fontWeights', 'light'), themeGet('fontWeights', 'bolder'), themeGet('space', 'md'), themeGet('space', 'xl'), themeGet('colors', 'grey20'), themeGet('colors', 'grey40'), themeGet('space', 'xl'), themeGet('space', 'xl'), themeGet('space', 'xxl'), themeGet('fontWeights', 'light'), themeGet('lineHeights', 'xl'), themeGet('fontSizes', 'h3'), themeGet('space', 'xxl'), themeGet('space', 'xl'), themeGet('space', 'sm'), themeGet('fontSizes', 'h1'), themeGet('lineHeights', 'xxl'), themeGet('space', 'x4'), themeGet('space', 'x3'), themeGet('fontSizes', 'h2'), themeGet('lineHeights', 'xxl'), themeGet('space', 'x3'), themeGet('space', 'xxl'), themeGet('fontSizes', 'h4'), themeGet('lineHeights', 'xl'), themeGet('space', 'xxl'), themeGet('space', 'xl'), themeGet('fontSizes', 'xl'), themeGet('lineHeights', 'lg'), themeGet('space', 'xl'), themeGet('space', 'lg'), themeGet('fontWeights', 'normal'), themeGet('fontSizes', 'lg'), themeGet('lineHeights', 'lg'), themeGet('space', 'lg'), themeGet('space', 'default'), themeGet('fontWeights', 'normal'), themeGet('colors', 'grey20'), themeGet('space', 'sm'), themeGet('colors', 'primary20'), themeGet('space', 'xl'), themeGet('space', 'xxl'), themeGet('space', 'lg'), themeGet('space', 'xl'), themeGet('space', 'xl'), themeGet('space', 'lg'), themeGet('space', 'sm'), themeGet('space', 'xl'), themeGet('space', 'md'), themeGet('space', 'md'), themeGet('space', 'md'), themeGet('space', 'md'), themeGet('space', 'xl'), themeGet('space', 'lg'), themeGet('colors', 'grey60'), themeGet('colors', 'grey40'), themeGet('colors', 'grey20'), themeGet('colors', 'grey40'), themeGet('colors', 'grey60'), themeGet('colors', 'grey40'), themeGet('colors', 'grey60'));
export default contentCSS;