import type { Ref } from 'react';
import styled from 'styled-components';

const Root = styled.div`
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;
`;

interface Props {
  ref?: Ref<HTMLDivElement>;
}

const BuilderButtonIcon = (props: Props) => {
  const { ref } = props;

  return (
    <Root ref={ref}>
      <img src="/favicons/favicon.png" alt="favicon" style={{ width: '32px', height: '32px' }} />
    </Root>
  );
};

export { BuilderButtonIcon };
