UserInfoBlock.js 497 B

12345678910111213141516171819202122232425
  1. import styled from "styled-components";
  2. const UserInfoBlockStyled = styled.div`
  3. display: flex;
  4. justify-content: center;
  5. align-items: center;
  6. margin: 0 20px;
  7. flex-direction: column;
  8. min-width: 100px;
  9. box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  10. cursor: pointer;
  11. `
  12. const UserInfoBlock = ({count, description}) => {
  13. return (<UserInfoBlockStyled>
  14. <p>{count ? count : 0}</p>
  15. <p>{description}</p>
  16. </UserInfoBlockStyled>)
  17. }
  18. export default UserInfoBlock;