const facets = props.facets ?? [ "All", "Users", "Apps", "Components", "Posts", "Comments", "Other", ]; const Wrapper = styled.div` display: flex; flex-direction: column; gap: 48px; padding-bottom: 48px; max-width: 600px; margin: 0 auto; overflow: scroll; `; const Header = styled.div` display: flex; flex-direction: column; gap: 12px; `; return ( <Wrapper> <Widget src="chaotictempest.near/widget/Facets" props={{ facets, defaultFacet: facets[0], }} /> </Wrapper> );