mirror of
https://github.com/movie-web/movie-web.git
synced 2024-12-28 19:21:50 +01:00
4880d46dc4
This commit updates the import statements in the codebase to comply with ESLint rules for import ordering. All imports have been sorted alphabetically and grouped according to the specified import groups in the ESLint configuration. This improves the codebase's consistency and maintainability.
27 lines
685 B
TypeScript
27 lines
685 B
TypeScript
import { ReactNode } from "react";
|
|
|
|
import { Icon, Icons } from "@/components/Icon";
|
|
|
|
interface Props {
|
|
icon?: Icons;
|
|
onClick?: () => void;
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export function Button(props: Props) {
|
|
return (
|
|
<button
|
|
type="button"
|
|
onClick={props.onClick}
|
|
className="inline-flex items-center justify-center rounded-lg bg-white px-8 py-3 font-bold text-black transition-[transform,background-color] duration-100 hover:bg-gray-200 active:scale-105 md:px-16"
|
|
>
|
|
{props.icon ? (
|
|
<span className="mr-3 hidden md:inline-block">
|
|
<Icon icon={props.icon} />
|
|
</span>
|
|
) : null}
|
|
{props.children}
|
|
</button>
|
|
);
|
|
}
|