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

interface AwalIconProps {
    size?: IconSizeType;
}

export const AwalIcon: React.FC<AwalIconProps> = ({ size = 'small' }) => {
    const { width, height } = getIconSize(size);
    return (
        <Svg width={width} height={height} viewBox="0 0 16 16" fill="none">
            <Path d="M12 3V13H9V8L6.5 13H3L8.5 3H12Z" fill="#E05AD8" />
            <Defs>
                <LinearGradient
                    id="paint0_linear_3987_2926"
                    x1="3"
                    y1="3"
                    x2="12"
                    y2="3"
                    gradientUnits="userSpaceOnUse"
                >
                    <Stop stopColor="#7504D4" />
                    <Stop offset="0.5" stopColor="#E05AD8" />
                    <Stop offset="1" stopColor="#FAA6B2" />
                </LinearGradient>
            </Defs>
        </Svg>
    );
};

export default memo(AwalIcon);