text: import React from 'react'
  import Icon from 'react-bulma-components/lib/components/icon'
  import Container from 'react-bulma-components/lib/components/container'
  import Section from 'react-bulma-components/lib/components/section'
  
  import './styles.scss'
  
  const SocialButtons = ({data}) => (
      <Section className="social-buttons">
          <Container>
              <SocialButtonIcon name='facebook' href={data.facebook} />
              <SocialButtonIcon name='instagram' href={data.instagram} />
              <SocialButtonIcon name='youtube' href={data.youtube} />
          </Container>
      </Section>
  );
  
  const SocialButtonIcon = ({name, href = '#'}) => (
      <a className="social-button" href={href}>
          <Icon size="large">
              <span className={`icon-${name} is-large`}></span>
          </Icon>
      </a>
  );
  
  export default SocialButtons;
  
  