import tw, {styled} from "twin.macro"
import 'styled-components/macro'


export let colors = {
    error: tw`bg-red-600`,
    accent: tw`bg-accent`,
    accent2: tw`bg-accent2`,
    accent3: tw`bg-accent3`,
    accent4: tw`bg-accent4`,
    accent5: tw`bg-accent5`,
}

export let colorsHover = {
    error: tw`hover:bg-red-700`,
    accent: tw`hover:bg-accent-dark`,
    accent2: tw`hover:bg-accent2-dark`,
    accent3: tw`hover:bg-accent3-dark`,
    accent4: tw`hover:bg-accent4-dark`,
    accent5: tw`hover:bg-accent5-dark`,
}
export let colorsDisabled = {
    error: tw`disabled:bg-red-700`,
    accent: tw`disabled:bg-accent-dark`,
    accent2: tw`disabled:bg-accent2-dark`,
    accent3: tw`disabled:bg-accent3-dark`,
    accent4: tw`disabled:bg-accent4-dark`,
    accent5: tw`disabled:bg-accent5-dark`,
}

export let textColors = {
    error: tw`text-red-600`,
    accent: tw`text-accent`,
    accent2: tw`text-accent2`,
    accent3: tw`text-accent3`,
    accent4: tw`text-accent4`,
    accent5: tw`text-accent5`,    
}
export let textColorsHover = {
    error: tw`hover:text-red-700`,
    accent: tw`hover:text-accent-dark`,
    accent2: tw`hover:text-accent2-dark`,
    accent3: tw`hover:text-accent3-dark`,
    accent4: tw`hover:text-accent4-dark`,
    accent5: tw`hover:text-accent5-dark`,    
}