packages/benchmarks/src/implementations/tailwind/Box.js - main - githubmirror/styled-components

packages/benchmarks/src/implementations/tailwind/Box.js

24 строки533 B

Evan Jacobs

chore(bench): sandbox, headless benches, native-showcase, ios-benchmark

11 май 2026, 10:37

11 май 2026, 10:37062ec8b

import React from 'react';
import View from './View';

const colorClasses = {
  0: 'bg-[#14171A]',
  1: 'bg-[#AAB8C2]',
  2: 'bg-[#E6ECF0]',
  3: 'bg-[#FFAD1F]',
  4: 'bg-[#F45D22]',
  5: 'bg-[#E0245E]',
};

const Box = ({ color, fixed = false, layout = 'column', outer = false, ...other }) => {
  const classes = [
    colorClasses[color] || '',
    layout === 'row' ? 'flex-row' : '',
    outer ? 'p-1' : '',
    fixed ? 'h-1.5 w-1.5' : '',
  ].join(' ');

  return <View className={classes} {...other} />;
};

export default Box;