@utahdts/utah-design-system/react/components/footer/FooterSocialMediaBar.jsx

Utah Design System React Library

/**
 * @param {object} props
 * @param {import('react').ReactNode} props.children
 * @param {string | null} props.title
 * @returns {import('react').JSX.Element}
 */
export function FooterSocialMediaBar({ children, title = 'Follow us online' }) {
  return (
    <div className="utah-design-system">
      <div className="footer-social-media-bar">
        <div className="footer-social-media-bar__follow-us">{title}</div>
        <div className="footer-social-media-bar__icon-bar">
          {children}
        </div>
      </div>
    </div>
  );
}