diff --git a/front/packages/primitives/src/button.tsx b/front/packages/primitives/src/button.tsx new file mode 100644 index 00000000..1b9391fd --- /dev/null +++ b/front/packages/primitives/src/button.tsx @@ -0,0 +1,54 @@ +/* + * Kyoo - A portable and vast media library solution. + * Copyright (c) Kyoo. + * + * See AUTHORS.md and LICENSE file in the project root for full license information. + * + * Kyoo is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * any later version. + * + * Kyoo is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Kyoo. If not, see . + */ + +import { px, Stylable, Theme, useYoshiki } from "yoshiki/native"; +import { PressableFeedback } from "./links"; +import { P } from "./text"; +import { ts } from "./utils"; + +export const Button = ({ + text, + onPress, + ...props +}: { text: string; onPress?: () => void } & Stylable) => { + const { css } = useYoshiki(); + + return ( + theme.accent, + borderWidth: ts(0.5), + fover: { + self: { bg: (theme: Theme) => theme.accent }, + text: { color: (theme: Theme) => theme.colors.white }, + }, + }, + props, + )} + > +

{text}

+
+ ); +}; diff --git a/front/packages/primitives/src/index.ts b/front/packages/primitives/src/index.ts index 69f3d97b..dfad49fb 100644 --- a/front/packages/primitives/src/index.ts +++ b/front/packages/primitives/src/index.ts @@ -33,6 +33,7 @@ export * from "./progress"; export * from "./slider"; export * from "./menu"; export * from "./input"; +export * from "./button"; export * from "./animated"; export * from "./utils";