import React, { memo } from 'react';
import { Path, Svg } from 'react-native-svg';
import { getIconSize } from '../../../../components/Icons/StoreIcon/StoreIcon';
import type { IconSizeType } from '../TheOrchard/TheOrchardIcon.tsx';

interface FoundationMediaIconProps {
    active?: boolean;
    size?: IconSizeType;
}

const FoundationMediaIcon: React.FC<FoundationMediaIconProps> = ({
    active,
    size = 'small'
}) => {
    const { width, height } = getIconSize(size);
    return (
        <Svg width={width} height={height} viewBox="0 0 48 48" fill="none">
            <Path
                d="M22.5301 27.0415V32.7805H16.6667V15.2195H31.3334V20.2228H22.558V22.4461H30.7283V27.0415H22.5301Z"
                fill={active ? '#1E2022' : 'white'}
            />
            <Path
                d="M35.4936 4H12.5065C7.81601 4 4 7.81593 4 12.5064V35.4936C4 40.1841 7.81601 44 12.5065 44H35.4936C40.1841 44 44 40.1841 44 35.4936V12.5064C44 7.81593 40.1841 4 35.4936 4ZM35.4936 8.30865C37.812 8.30865 39.6914 10.188 39.6914 12.5064V35.4936C39.6914 37.812 37.812 39.6913 35.4936 39.6913H12.5065C10.188 39.6913 8.30865 37.812 8.30865 35.4936V12.5064C8.30865 10.188 10.188 8.30865 12.5065 8.30865H35.4936Z"
                fill={active ? '#1E2022' : 'white'}
            />
        </Svg>
    );
};

export default memo(FoundationMediaIcon);