@navinc/base-react-components/cjs/icon-button.d.ts

Nav's Pattern Library

/// <reference types="react" />
import type { VariationKey } from './button';
import { InferComponentProps } from './types.js';
export declare const IconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    variation?: VariationKey | undefined;
    buttonAriaLabel?: string | undefined;
} & Omit<InferComponentProps<import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./button").StyledButtonProps, never>>, "size"> & InferComponentProps<import("styled-components").StyledComponent<({ name, size, ...props }: {
    name: "data/report" | "data/todo" | "actions/download" | "actions/close" | "actions/done" | "actions/logout" | "actions/minus" | "actions/plus" | "actions/print" | "actions/warning" | "buildings/business" | "buildings/bank" | "buildings/city" | "buildings/home" | "business/map" | "business/email" | "business/document" | "business/archive" | "business/calendar" | "business/history" | "business/imac" | "business/iphone" | "business/matchfactor" | "feedback/alert" | "feedback/visible" | "feedback/balloon" | "feedback/diamond" | "feedback/flag" | "feedback/hot" | "feedback/invisible" | "feedback/party" | "feedback/star" | "financing/calculation" | "financing/calculator" | "financing/cart" | "financing/cash" | "financing/coins" | "financing/decrease" | "financing/gift" | "financing/increase" | "financing/lending" | "financing/wallet" | "food/apple" | "food/burger" | "food/cake" | "food/donut" | "food/pizza" | "food/popsicle" | "food/soup" | "food/strawberry" | "food/turkey" | "food/watermelon" | "medical/stethoscope" | "others/placeholder" | "others/airplane" | "others/lightbulb" | "people/man" | "people/profile" | "people/users" | "people/woman" | "seasons/leaf" | "seasons/raindrop" | "seasons/snowflake" | "seasons/sun" | "seasons/umbrella" | "system/link" | "system/search" | "system/attachment" | "system/bookmark" | "system/edit" | "system/mic" | "system/pen" | "system/pencil" | "system/share" | "system/trash" | "system/unlink" | "tech/filter" | "tech/car" | "tech/dashboard" | "tech/gear" | "tech/locked" | "tech/pin" | "tech/settings" | "tech/tool" | "tech/unlocked" | "data/bar-graph" | "data/chart-down" | "data/chart-up" | "data/line-graph" | "data/report-fail" | "data/report-success" | "data/reports-multiple" | "data/round-chart" | "actions/arrow-back" | "actions/arrow-down" | "actions/arrow-forward" | "actions/arrow-up" | "actions/carrot-down" | "actions/carrot-left" | "actions/carrot-right" | "actions/carrot-up" | "actions/check-circle" | "actions/circle-block" | "actions/circle-delete" | "actions/circle-faq" | "actions/circle-info" | "actions/circle-minus" | "actions/circle-play" | "actions/circle-plus" | "actions/circle-warning" | "actions/cloud-download" | "actions/cloud-upload" | "actions/export-icon" | "actions/link-out" | "actions/more-dots-horizontal" | "actions/sort-horizontal" | "actions/sort-vertical" | "business/calendar-date" | "business/delivery-box" | "feedback/alert-notification" | "feedback/alert-off" | "feedback/star-fill" | "feedback/star-fill-half" | "feedback/thumbs-down" | "feedback/thumbs-up" | "financing/card-add" | "financing/card-coins" | "financing/card-lock" | "financing/card-multiple" | "financing/card-ok" | "financing/cart-add" | "financing/cash-register" | "financing/coin-bag" | "financing/coin-stack" | "financing/credit-card" | "financing/money-bag" | "financing/money-circle" | "financing/piggy-bank" | "food/coffee-cup" | "food/coffee-mug" | "others/shopping-bag" | "seasons/cloud-sun" | "seasons/tree-palm" | "seasons/tree-point" | "seasons/tree-round" | "system/certified-ribbon" | "system/mic-off";
    size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>> & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
export declare const InteractiveIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    variation?: VariationKey | undefined;
    buttonAriaLabel?: string | undefined;
} & Omit<InferComponentProps<import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./button").StyledButtonProps, never>>, "size"> & InferComponentProps<import("styled-components").StyledComponent<({ name, size, ...props }: {
    name: "data/report" | "data/todo" | "actions/download" | "actions/close" | "actions/done" | "actions/logout" | "actions/minus" | "actions/plus" | "actions/print" | "actions/warning" | "buildings/business" | "buildings/bank" | "buildings/city" | "buildings/home" | "business/map" | "business/email" | "business/document" | "business/archive" | "business/calendar" | "business/history" | "business/imac" | "business/iphone" | "business/matchfactor" | "feedback/alert" | "feedback/visible" | "feedback/balloon" | "feedback/diamond" | "feedback/flag" | "feedback/hot" | "feedback/invisible" | "feedback/party" | "feedback/star" | "financing/calculation" | "financing/calculator" | "financing/cart" | "financing/cash" | "financing/coins" | "financing/decrease" | "financing/gift" | "financing/increase" | "financing/lending" | "financing/wallet" | "food/apple" | "food/burger" | "food/cake" | "food/donut" | "food/pizza" | "food/popsicle" | "food/soup" | "food/strawberry" | "food/turkey" | "food/watermelon" | "medical/stethoscope" | "others/placeholder" | "others/airplane" | "others/lightbulb" | "people/man" | "people/profile" | "people/users" | "people/woman" | "seasons/leaf" | "seasons/raindrop" | "seasons/snowflake" | "seasons/sun" | "seasons/umbrella" | "system/link" | "system/search" | "system/attachment" | "system/bookmark" | "system/edit" | "system/mic" | "system/pen" | "system/pencil" | "system/share" | "system/trash" | "system/unlink" | "tech/filter" | "tech/car" | "tech/dashboard" | "tech/gear" | "tech/locked" | "tech/pin" | "tech/settings" | "tech/tool" | "tech/unlocked" | "data/bar-graph" | "data/chart-down" | "data/chart-up" | "data/line-graph" | "data/report-fail" | "data/report-success" | "data/reports-multiple" | "data/round-chart" | "actions/arrow-back" | "actions/arrow-down" | "actions/arrow-forward" | "actions/arrow-up" | "actions/carrot-down" | "actions/carrot-left" | "actions/carrot-right" | "actions/carrot-up" | "actions/check-circle" | "actions/circle-block" | "actions/circle-delete" | "actions/circle-faq" | "actions/circle-info" | "actions/circle-minus" | "actions/circle-play" | "actions/circle-plus" | "actions/circle-warning" | "actions/cloud-download" | "actions/cloud-upload" | "actions/export-icon" | "actions/link-out" | "actions/more-dots-horizontal" | "actions/sort-horizontal" | "actions/sort-vertical" | "business/calendar-date" | "business/delivery-box" | "feedback/alert-notification" | "feedback/alert-off" | "feedback/star-fill" | "feedback/star-fill-half" | "feedback/thumbs-down" | "feedback/thumbs-up" | "financing/card-add" | "financing/card-coins" | "financing/card-lock" | "financing/card-multiple" | "financing/card-ok" | "financing/cart-add" | "financing/cash-register" | "financing/coin-bag" | "financing/coin-stack" | "financing/credit-card" | "financing/money-bag" | "financing/money-circle" | "financing/piggy-bank" | "food/coffee-cup" | "food/coffee-mug" | "others/shopping-bag" | "seasons/cloud-sun" | "seasons/tree-palm" | "seasons/tree-point" | "seasons/tree-round" | "system/certified-ribbon" | "system/mic-off";
    size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>> & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;