24 lines
1.3 KiB
TypeScript
24 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import Svg, { Path } from 'react-native-svg';
|
|
import type { TabIconProps } from '@packages/shared';
|
|
|
|
const OffersIcon: React.FC<TabIconProps> = ({ focused, size, color }) => {
|
|
if (focused) {
|
|
// Selected state SVG (filled offer tag)
|
|
return (
|
|
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
<Path fillRule="evenodd" clipRule="evenodd" d="M13.41 2.59C13.05 2.22 12.55 2 12 2H4C2.9 2 2 2.9 2 4v8c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42l-9-9zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z" fill={color} />
|
|
</Svg>
|
|
);
|
|
} else {
|
|
// Unselected state SVG (outlined offer tag)
|
|
return (
|
|
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
<Path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42z" fill="none" stroke={color} strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round" />
|
|
<Path d="M5.5 5.5m-1.8 0a1.8 1.8 0 1 0 3.6 0a1.8 1.8 0 1 0-3.6 0" fill="none" stroke={color} strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round" />
|
|
</Svg>
|
|
);
|
|
}
|
|
};
|
|
|
|
export default OffersIcon;
|