import styled from "styled-components";
import Text from "./styled";
const H1 = styled(Text).attrs((props) => ({
    as: props.as ?? "h1",
    fontFamily: props.fontFamily ?? props.theme?.fonts?.title,
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 64,
})) ``;
const H2 = styled(Text).attrs((props) => ({
    as: props.as ?? "h2",
    fontFamily: props.fontFamily ?? props.theme?.fonts?.title,
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 24,
})) ``;
const H3 = styled(Text).attrs((props) => ({
    as: props.as ?? "h3",
    fontFamily: props.fontFamily ?? props.theme?.fonts?.subtitle,
    fontSize: props.fontSize ?? 16,
})) ``;
const T1 = styled(Text).attrs((props) => ({
    fontFamily: props.fontFamily ?? props.theme?.fonts?.text,
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 24,
    as: props.as ?? "h1",
})) ``;
const T2 = styled(Text).attrs((props) => ({
    fontFamily: props.fontFamily ?? props.theme?.fonts?.text,
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 20,
    lineHeight: props.lineHeight ?? 26,
    as: props.as ?? "h2",
})) ``;
const T3 = styled(Text).attrs((props) => ({
    fontFamily: props.fontFamily ?? props.theme?.fonts?.text,
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 18,
    lineHeight: props.lineHeight ?? 24,
    as: props.as ?? "h3",
})) ``;
const T4 = styled(Text).attrs((props) => ({
    fontFamily: props.fontFamily ?? props.theme?.fonts?.text,
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 16,
    as: props.as ?? "h4",
})) ``;
const F1 = styled(Text).attrs((props) => ({
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 14,
    lineHeight: props.lineHeight ?? 20,
    as: props.as ?? "p",
})) ``;
const F2 = styled(Text).attrs((props) => ({
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 12,
    lineHeight: props.lineHeight ?? 18,
    as: props.as ?? "p",
})) ``;
const F3 = styled(Text).attrs((props) => ({
    fontWeight: props.fontWeight ?? "500",
    fontSize: props.fontSize ?? 10,
    as: props.as ?? "p",
})) ``;
const F4 = styled(Text).attrs((props) => ({
    fontWeight: props.fontWeight ?? "500",
    fontFamily: props.fontFamily ?? "Bold, Verdana",
    fontSize: props.fontSize ?? 8,
    as: props.as ?? "p",
})) ``;
export default Object.assign(Text, {
    H1,
    H2,
    H3,
    T1,
    T2,
    T3,
    T4,
    F1,
    F2,
    F3,
    F4,
});
//# sourceMappingURL=index.js.map