packages/plasma-ui/src/components/Header/HeaderButton.tsx - dev - sdds/plasma

packages/plasma-ui/src/components/Header/HeaderButton.tsx

28 строк920 B

Sergey Orlov

fix(plasma-ui): removed FC type

25 июл 2022, 17:23

25 июл 2022, 17:236a8fb45

import React from 'react';
import styled from 'styled-components';
import type { PickOptional } from '@salutejs/plasma-core';

import { Button, ButtonProps } from '../Button';

const StyledHeaderButton = styled(Button)`
    /**
    * Сброс для совместимости с предыдущей версией компонента.
    */
    height: auto;
    padding: 0;
`;

export interface HeaderButtonProps
    extends PickOptional<ButtonProps, 'as' | 'size' | 'scaleOnInteraction' | 'disabled'>,
        React.ButtonHTMLAttributes<HTMLButtonElement> {}

/**
 * Кнопка без внутренних отступов, границ и цвета фона.
 */
export const HeaderButton = ({ size = 'm', children, ...rest }: HeaderButtonProps) => {
    return (
        <StyledHeaderButton size={size} view="clear" outlined={false} {...rest}>
            {children}
        </StyledHeaderButton>
    );
};