import { lightLine } from '@/styles/colors';
import styled from '@emotion/styled';

const GridAnimationWrapper = styled.div`
  background: ${lightLine};
  width: 100%;
  height: 100%;
  min-height: 200px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
`;

const Text = styled.h1`
  font-family: Architekt;
`;

const PluginIntegration = () => {
  return (
    <GridAnimationWrapper>
      <Text>
        <img src="https://steinbergmedia.github.io/vst3_dev_portal/resources/licensing_3.png" height={150} />
      </Text>
    </GridAnimationWrapper>
  );
};

export default PluginIntegration;