import styled from 'styled-components';
import { headline1, headline2, headline3, headline4 } from '../../tokens';
import { applyHyphens, applySpacing } from '../../mixins';
export var Headline1 = styled.div.withConfig({
    displayName: "Headline__Headline1",
    componentId: "sc-ae2aff6b-0"
})([
    "",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline1);
export var Headline2 = styled.div.withConfig({
    displayName: "Headline__Headline2",
    componentId: "sc-ae2aff6b-1"
})([
    "",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline2);
export var Headline3 = styled.div.withConfig({
    displayName: "Headline__Headline3",
    componentId: "sc-ae2aff6b-2"
})([
    "",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline3);
export var Headline4 = styled.div.withConfig({
    displayName: "Headline__Headline4",
    componentId: "sc-ae2aff6b-3"
})([
    "",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline4);
export var H1 = styled.h1.withConfig({
    displayName: "Headline__H1",
    componentId: "sc-ae2aff6b-4"
})([
    "margin:0;",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline1);
export var H2 = styled.h2.withConfig({
    displayName: "Headline__H2",
    componentId: "sc-ae2aff6b-5"
})([
    "margin:0;",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline2);
export var H3 = styled.h3.withConfig({
    displayName: "Headline__H3",
    componentId: "sc-ae2aff6b-6"
})([
    "margin:0;",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline3);
export var H4 = styled.h4.withConfig({
    displayName: "Headline__H4",
    componentId: "sc-ae2aff6b-7"
})([
    "margin:0;",
    " ",
    " ",
    ""
], applyHyphens, applySpacing, headline4);
