import React from 'react';
import './style.scss';
const ColorPalettes = ( { selected, options, onChange, tabIndex, type } ) => {
const handleKeyPress = ( e, palette ) => {
e = e || window.event;
if ( e.keyCode === 38 ) {
//Up Arrow
if ( e.target.previousSibling ) {
e.target.previousSibling.focus();
}
} else if ( e.keyCode === 40 ) {
//Down Arrow
if ( e.target.nextSibling ) {
e.target.nextSibling.focus();
}
} else if ( e.key === 'Enter' ) {
//Enter
onChange( e, palette );
}
};
return (
{ Object.values( options ).map( ( palette, paletteIndex ) => {
const title = palette.title || '';
const firstColor = palette.colors[ 0 ] || '';
const secondColor = palette.colors[ 1 ] || '';
const thirdColor = palette.colors[ 2 ] || '';
const fourthColor = palette.colors[ 3 ] || '';
const fifthColor = palette.colors[ 4 ] || '';
return (
{
onChange( event, palette );
} }
onKeyDown={ ( event ) => {
handleKeyPress( event, palette );
} }
tabIndex={ tabIndex }
>
{ type === 'default' && (
{ title }
) }
);
};
export default ColorPalettes;
extinguisher - Silver String Chemicals & Textile
“AR-AFFF Foam Agent 3%” has been added to your cart.
View cart
Showing all 2 results
