import { RangeControl } from "@wordpress/components";

interface FontSizeControlProps {
  fontSize: number;
  setAttributes: (attrs: { fontSize: number }) => void;
}

export const FontSizeControl = ({ fontSize, setAttributes }: FontSizeControlProps) => {
  return (
    <RangeControl
      label="Font Size"
      value={fontSize}
      onChange={(value: number | undefined) => setAttributes({ fontSize: value ?? 13 })}
      min={10}
      max={24}
      help={`Button text size: ${fontSize}px`}
    />
  );
};