import styled from "styled-components";
const Text = styled.div((props) => `
  margin: 0;
  font-family: ${props.fontFamily ?? props.theme?.fonts?.text};
  font-size: ${props.fontSize ?? 16}px;
  font-weight: ${props.fontWeight ?? "normal"};
  line-height: ${props.lineHeight ?? (props.fontSize ? props.fontSize + 4 : 20)}px;
  color: ${props.color ?? props.theme?.colors?.text};
  ${props.gray ? `color: ${props.theme?.colors?.gray};` : ""}
  ${props.primary ? `color: ${props.theme?.colors?.primary};` : ""}
  text-align: ${props.textAlign ?? "left"};
`);
export default styled(Text).attrs((props) => ({
    as: props.as ?? "p",
})) ``;
//# sourceMappingURL=styled.js.map