How to use the frontity.styled.article function in frontity

{/* If the post has tags, render it */}
          {item.tags && }
        
      )}
    
  );
};

// Connect the Item to gain access to `state` as a prop
export default connect(PostItem);

// All styles :)

export const Post = styled.article`
  &:first-of-type {
    padding: 4rem 0 0;
  }

  @media (min-width: 700px) {
    &:first-of-type {
      padding: 8rem 0 0;
    }
  }
`;

export const PostHeader = styled.header`
  text-align: center;
`;

// Header sizes bases on style.css

<p></p>
    
  );
};

export default connect(Item);

const Postdetails = styled.p`
  --margin-bottom: 1;
`;

const Title = styled.h2`
  --margin-bottom: 0;
`;

const Article = styled.article`
  --margin-bottom: 3;
`;