import { jsx as _jsx } from "react/jsx-runtime";
import { Icon, PowerhouseButton } from "@powerhousedao/design-system";
import { SettingsRow } from "./row.js";
export const ClearStorageSettingsRow = (props) => {
    const { onClearStorage, buttonLabel, ...restProps } = props;
    return (_jsx(SettingsRow, { ...restProps, children: _jsx(PowerhouseButton, { className: "h-auto min-h-9 rounded border border-solid border-gray-300 bg-white px-3 py-0 text-sm text-red-800 hover:border-gray-500 hover:bg-white hover:text-red-900", icon: _jsx(Icon, { name: "Trash", size: 18 }), iconPosition: "right", onClick: onClearStorage, children: buttonLabel }) }));
};
//# sourceMappingURL=clear-storage-row.js.map