import styled from "styled-components";
import { dimensions, DimensionsProps, MarginProps, margins } from "@styles/layout";
import { typography, TypographyProps } from "@styles/typography";
import { TextColorProps, textColor } from "@styles/colors";

export const HeadingWrapper = styled.h1<
  TypographyProps & MarginProps & TextColorProps & DimensionsProps
>`
  ${typography.defaults({ $size: "6" })}
  ${margins.defaults({ $m: "0" })}
  ${textColor.defaults({ $color: "text-clr" })}
  ${dimensions}
`;