import { ColorsWithHue } from '../primitives/colors';
import {
  createCustomProps,
  CustomPropTypes,
} from '../../utils/createCustomProps';

export const customBackground = createCustomProps({
  bg: {
    property: 'backgroundColor',
    scale: 'colors',
  },
  bgColor: {
    property: 'backgroundColor',
    scale: 'colors',
  },
  backgroundColor: {
    property: 'backgroundColor',
    scale: 'colors',
  },
});

export interface CustomBackgroundProps {
  bg?: CustomPropTypes<ColorsWithHue>;
  bgColor?: CustomPropTypes<ColorsWithHue>;
  backgroundColor?: CustomPropTypes<ColorsWithHue>;
}