import { Color, Format } from '../Color';
import { customStyles, CustomStyles } from './custom/CustomStyles';
import { customStyle } from './custom/CustomStyle';

export function coloredStyle(customStyles: CustomStyles) {
    return customStyles.register(Color, {
        toCanvasValue(color: Color) {
            return color.toString(Format.Functional); // qml canvas does not support #RRGGBBAA format (only #RRGGBB)
        },
        clone(color: Color) {
            return color.clone();
        }
    });
}

export const ColoredStyle = customStyle(coloredStyle(customStyles()));