import {
  font
} from '../styles'

export const header = {
  default: {
    background: {
      image: {
        smallest: "unset",
        xxsmall: "unset",
        xsmall: "unset",
        small: "unset",
        medium: "unset",
        large: "unset",
        xlarge: "unset",
        xxlarge: "unset",
        largest: "unset"
      },
      color: {
        smallest: "#fff",
        xxsmall: "#fff",
        xsmall: "#fff",
        small: "#fff",
        medium: "#fff",
        large: "#fff",
        xlarge: "#fff",
        xxlarge: "#fff",
        largest: "#fff"
      }
    },
    padding: {
      smallest: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xxsmall: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xsmall: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      small: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      medium: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      large: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xlarge: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      xxlarge: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      },
      largest: {
        top: "0px",
        right: "0px",
        bottom: "0px",
        left: "0px"
      }
    },
    border: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    borderRadius: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    height: {
      smallest: "60px",
      xxsmall: "80px",
      xsmall: "100px",
      small: "100px",
      medium: "100px",
      large: "120px",
      xlarge: "120px",
      xxlarge: "120px",
      largest: "120px"
    },
    boxShadow: {
      smallest: "unset",
      xxsmall: "unset",
      xsmall: "unset",
      small: "unset",
      medium: "unset",
      large: "unset",
      xlarge: "unset",
      xxlarge: "unset",
      largest: "unset"
    },
    font: {
      family: {
        smallest: font.primary,
        xxsmall: font.primary,
        xsmall: font.primary,
        small: font.primary,
        medium: font.primary,
        large: font.primary,
        xlarge: font.primary,
        xxlarge: font.primary,
        largest: font.primary
      },
      size: {
        smallest: "unset",
        xxsmall: "unset",
        xsmall: "unset",
        small: "unset",
        medium: "unset",
        large: "unset",
        xlarge: "unset",
        xxlarge: "unset",
        largest: "unset"
      },
      color: {
        smallest: "unset",
        xxsmall: "unset",
        xsmall: "unset",
        small: "unset",
        medium: "unset",
        large: "unset",
        xlarge: "unset",
        xxlarge: "unset",
        largest: "unset"
      }
    }
  }
}