import { ReactNode } from 'react';
export declare const DEFAULT_CLASS = "hods-button";
export interface ButtonProps {
    children?: ReactNode;
    disabled?: boolean;
    /** true if start button */
    start?: boolean;
    /** button link */
    href?: string;
    classBlock?: string;
    classModifiers?: string | string[];
    className?: string;
    [key: string]: unknown;
}
/**
 ## When to use this component

Use the button component to help users carry out an action like starting an
application or saving their information.


## How it works

Write button text in sentence case, describing the action it performs. For
example:

- ‘Start now’ at the [start of the service]
- ‘Sign in’ to an account a user has already created
- ‘Continue’ when the service does not save a user’s information
- ‘Save and continue’ when the service does save a user’s information
- ‘Save and come back later’ when a user can save their information and come
  back later
- ‘Add another’ to add another item to a list or group
- ‘Pay’ to make a payment
- ‘Confirm and send’ on a [check answers] page that does not have any legal
  content a user must agree to
- ‘Accept and send’ on a [check answers] page that has legal content a user must
  agree to
- ‘Sign out’ when a user is signed in to an account

You may need to include more or different words to better describe the action.
For example, ‘Add another address’ and ‘Accept and claim a tax refund’.

Align the primary action button to the left edge of your form.


[start of the service]: https://design-system.service.gov.uk/patterns/start-pages/
[check answers]: https://design-system.service.gov.uk/patterns/check-answers/
[start page]: https://design-system.service.gov.uk/patterns/start-pages/
[group default and secondary buttons together]: https://design-system.service.gov.uk/components/button/#grouping-buttons
*/
export declare const Button: ({ children, disabled, start, href, classBlock, classModifiers, className, ...attrs }: ButtonProps) => import("react/jsx-runtime").JSX.Element;